Skip to content

Commit

Permalink
Fix translation to chapter 20
Browse files Browse the repository at this point in the history
  • Loading branch information
Paulina Grunwald committed Dec 13, 2018
1 parent 12c7ef4 commit ed2130a
Showing 1 changed file with 28 additions and 28 deletions.
56 changes: 28 additions & 28 deletions translations/pl-PL/README.md
View file
Expand Up @@ -34,8 +34,8 @@ Zbi贸r porad, kt贸re pomog膮 Ci rozwin膮膰 zawansowane umiej臋tno艣ci CSS.
1. [U偶yj selektor贸w atrybut贸w z pustymi linkami](#u偶yj-selektor贸w-atrybut贸w-z-pustymi-linkami)
1. [Stylizuj domy艣lne linki](#stylizuj-domy艣lne-linki)
1. [Sp贸jny pionowy rytm](#sp贸jny-pionowy-rytm)
1. [Wewn臋trzne proporcje blok贸w](#indywidualne-pola-wynik贸w)
1. [Wystylizuj uszkodzone Obrazy](#wystylizuj-uszkodzone-obrazy)
1. [Wewn臋trzne proporcje blok贸w](#wewn臋trzne-proporcje-blok贸w)
1. [Wystylizuj uszkodzone obrazy](#wystylizuj-uszkodzone-obrazy)
1. [U偶yj `rem` dla ustawie艅 globalnych rozmiarow i `em` do ustawie艅 localnych](#u偶yj-rem-dla-global-sizing-u偶yj-em-dla-local-sizing)
1. [Ukryj filmy z autoodtwarzaniem, kt贸re nie s膮 wyciszone](#ukryj-filmy-z-autoodtwarzaniem-kt贸re-nie-s膮-wyciszone)
1. [U偶yj `:root` dla elastycznych typ贸w](#u偶yj-root-tryp-elastyczny)
Expand Down Expand Up @@ -300,26 +300,26 @@ SVG skaluje si臋 dobrze dla wszystkich typ贸w rozdzielczo艣ci i jest obs艂ugiwan

### U偶yj selektora "Lobotomized Owl"

Mo偶e mie膰 dziwn膮 nazw臋, ale u偶ycie uniwersalnego (`*`) z s膮siednim selektorem rodze艅stwa (`+`) mo偶e zapewni膰 pot臋偶ne mo偶liwo艣ci CSS:
By膰 mo偶e "Lobotomized Owl" to dziwna nazwa dla selektora, ale u偶ycie uniwersalnego (`*`) selektora z s膮siednim selektorem rodze艅stwa (`+`) mo偶e udostepni膰 pot臋偶ne mo偶liwo艣ci CSS:

```css
* + * {
margin-top: 1.5em;
}
```

W tym przyk艂adzie wszystkie elementy w przep艂ywie dokumentu, kt贸re 艣ledz膮 inne elementy, otrzymaj膮 `margin-top: 1.5em`.
W tym przyk艂adzie wszystkie elementy, kt贸re 艣ledz膮 inne elementy, otrzymaj膮 `margin-top: 1.5em`.

Aby uzyska膰 wi臋cej informacji na temat selektora "lobotomized owl", przeczytaj [wpis Heydon'a Pickering](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) na *A List Apart*.
Dowied藕 sie wiecej na temat selektora "lobotomized owl" czytajac [artykul Heydon'a Pickering](http://alistapart.com/article/axiomatic-css-and-lobotomized-owls) *A List Apart*.

#### [Pr贸bny](http://codepen.io/AllThingsSmitty/pen/grRvWq)
#### [Demonstracja](http://codepen.io/AllThingsSmitty/pen/grRvWq)

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### U偶yj`max-height` dla suwak贸w Pure CSSs
### U偶yj`max-height` (atrybutu maksymalnej wysoko艣ci) dla suwak贸w Pure CSS

Zaimplementuj suwaki CSS `max-height` Wysoko艣ci z ukrytym przepe艂nieniem:
Zaimplementuj suwaki CSS u偶ywaj膮c `max-height` z ukrytym przepe艂nieniem:

```css
.slider {
Expand All @@ -334,31 +334,31 @@ Zaimplementuj suwaki CSS `max-height` Wysoko艣ci z ukrytym przepe艂nieniem:
}
```

Element rozwija si臋 do `max-height` po najechaniu kursorem, a suwak wy艣wietla si臋 w wyniku przepe艂nienia.
Element rozwija si臋 do `max-height` po najechaniu kursorem, a suwak wy艣wietla si臋 w wyniku przepe艂nienia.

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### R贸wnowa偶ne kom贸rki tabeli
### Kom贸rki tabeli o r贸wnej-szeroko艣ci

Tabele mog膮 by膰 uci膮偶liwe, wi臋c spr贸buj `table-layout: fixed` aby utrzyma膰 kom贸rki na jednakowej szeroko艣ci:
Tworzenie tabel mo偶e by膰 uci膮偶liwe. Spr贸buj u偶y膰 `table-layout: fixed`, aby upewni膰 sie, 偶e kom贸rki maj膮 jednakow膮 szeroko艣膰:

```css
.calendar {
table-layout: fixed;
}
```

Bezbolesne uk艂ady sto艂贸w.
Widzisz jakie to proste! :)

#### [Pr贸bny](http://codepen.io/AllThingsSmitty/pen/jALALm)
#### [Demonstracja](http://codepen.io/AllThingsSmitty/pen/jALALm)

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### Pozb膮d藕 si臋 margines贸w za pomoc膮 Flexbox

Podczas pracy z rynnami kolumnowymi mo偶esz pozby膰 si臋 `nth-`, `first-`, i `last-child` za pomoc膮 w艂a艣ciwo艣ci spacji mi臋dzy fleksami `space-between`:
Podczas pracy z rynnami kolumnowymi (column gutters) mo偶esz pozby膰 si臋 `nth-`, `first-`, i `last-child` za pomoc膮 w艂a艣ciwo艣ci`space-between`:

```css
.list {
Expand All @@ -378,22 +378,22 @@ Teraz rynny kolumnowe zawsze s膮 rozmieszczone r贸wnomiernie.

### U偶yj selektor贸w atrybut贸w z pustymi linkami

Wy艣wietl linki, gdy element `<a>` nie ma warto艣ci tekstowej, ale atrybut `href` ma link:
Wy艣wietl linki, gdy element `<a>` nie ma warto艣ci tekstowej, ale atrybut `href` posiada link:

```css
a[href^="http"]:empty::before {
content: attr(href);
}
```
a

To ca艂kiem wygodne.

#### [Pr贸bny](http://codepen.io/AllThingsSmitty/pen/zBzXRx)

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### Stylizuj "Domy艣lne" Linki
### Stylizuj "Domy艣lne" linki

Dodaj styl dla "domy艣lnych" link贸w:

Expand All @@ -404,14 +404,14 @@ a[href]:not([class]) {
}
```

Teraz linki wstawiane za po艣rednictwem CMS, kt贸re zwykle nie maj膮 atrybutu class, b臋d膮 mia艂y rozr贸偶nienie bez generalnie wp艂ywaj膮cego na kaskad臋.
Linki wstawiane za po艣rednictwem CMS, kt贸re zwykle nie maj膮 atrybutu class, b臋d膮 wyr贸偶nione bez wp艂ywu na kaskad臋.

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### Sp贸jny pionowy rytm
### Sp贸jny rytm pionowy

U偶yj uniwersalnego selektora (`*`) wewn膮trz elementu, aby stworzy膰 sp贸jny pionowy rytm:
U偶yj uniwersalnego selektora (`*`) wewn膮trz elementu, aby stworzy膰 sp贸jny rytm pionowy:

```css
.intro > * {
Expand All @@ -424,9 +424,9 @@ Consistent vertical rhythm provides a visual aesthetic that makes content far mo
<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci)</sup>


### Indywidualne pola wynik贸w
### Wewn臋trzne proporcje blok贸w

Aby utworzy膰 pole o wewn臋trznym wsp贸艂czynniku, wystarczy zastosowa膰 g贸rny lub dolny margines do elementu div:
Aby utworzy膰 pola, kt贸re posiada wewn臋trzne proporcje, wystarczy zastosowa膰 g贸rny lub dolny margines do elementu div:

```css
.container {
Expand All @@ -445,16 +445,16 @@ Aby utworzy膰 pole o wewn臋trznym wsp贸艂czynniku, wystarczy zastosowa膰 g贸rny
}
```

U偶ycie 20% do wype艂nienia sprawia, 偶e wysoko艣膰 pude艂ka jest r贸wna 20% jego szeroko艣ci. Bez wzgl臋du na szeroko艣膰 rzutni, element div zachowa sw贸j wsp贸艂czynnik proporcji (100% / 20% = 5:1).
U偶ycie 20% wype艂nienia (padding) sprawia, 偶e wysoko艣膰 bloku jest r贸wna 20% jego szeroko艣ci. Bez wzgl臋du na szeroko艣膰 okna roboczego (viewport), element div zachowa sw贸j wsp贸艂czynnik proporcji (100% / 20% = 5:1).

#### [Pr贸bny](http://codepen.io/AllThingsSmitty/pen/jALZvE)
#### [Demonstracja](http://codepen.io/AllThingsSmitty/pen/jALZvE)

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci</sup>


### Wystylizuj Uszkodzone Obrazy
### Wystylizuj uszkodzone obrazy

Spraw, aby uszkodzone obrazy by艂y bardziej estetyczne z odrobin膮 CSS:
Spraw, aby uszkodzone obrazy by艂y bardziej estetyczne z u偶yciem odrobiny CSS:

```css
img {
Expand All @@ -469,7 +469,7 @@ img {
}
```

Teraz dodaj regu艂y pseudoelement贸w, aby wy艣wietli膰 komunikat u偶ytkownika i adres URL uszkodzonego obrazu:
Nast臋pnie dodaj regu艂y pseudoelement贸w, aby wy艣wietli膰 komunikat u偶ytkownika i adres URL uszkodzonego obrazu:

```css
img::before {
Expand All @@ -485,7 +485,7 @@ img::after {
}
```

Dowiedz si臋 wi臋cej o stylizacji tego wzoru w oryginalnym po艣cie Ire Aderinokun. [Ire Aderinokun](https://github.com/ireade/)'s [originalny post](http://bitsofco.de/styling-broken-images/).
Dowiedz si臋 wi臋cej o stylizacji u偶ywaj膮c tego wzoru w oryginalnym [originalny artykule](http://bitsofco.de/styling-broken-images/) [Ire Aderinokun](https://github.com/ireade/).

<sup>[Powr贸t do spisu tre艣ci](#Powr贸t-do-spisu-tre艣ci</sup>

Expand Down

0 comments on commit ed2130a

Please sign in to comment.