dradzys
/ dabblet.css
Last active
October 30, 2019 13:47
— forked from csssecrets/dabblet.css
Sticky footer with flexible height
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Sticky footer with flexible height | |
| flex direction column - nurodo kad elementai turetu buti isdestyti pagal horizontalia | |
| aukstis 100% view port | |
| flex-grow:1, nurodo kokio dydzio elementas bus palyginus su kitais containerije esancias | |
| elementais | |
| */ | |
| body { | |
| display: flex; |
dradzys
/ dabblet.css
Last active
October 30, 2019 13:10
body tag bus flexbox containeris, su nurodyti auksciu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| body tag bus flexbox containeris, su nurodyti auksciu | |
| o pats main margin auto, sucentruoja pagal horizontale | |
| */ | |
| main { | |
| margin: auto; | |
| padding: 1em 1.5em; |
dradzys
/ dabblet.css
Last active
October 30, 2019 13:05
viewport tai naudotojo matoma svetaines dalis
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| viewport tai naudotojo matoma svetaines dalis | |
| Siuo atveju nenaudojama absoliucioji pozicija | |
| nurodome margin su vh - viewport heigh. 50vh == 50%; | |
| translateY pastumia elementa pagal y asi, pagal vertikale | |
| -50 procentu nuo apacios | |
| */ | |
| main { | |
| width: 18em; |
dradzys
/ dabblet.css
Last active
October 30, 2019 12:41
— forked from csssecrets/dabblet.css
Nurodo main bloka pozicija absoliucia
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| Nurodo main bloka pozicija absoliucia | |
| top left kampa pastumia i centra | |
| tada su neigiamais margin pastumia elemento centra taip | |
| kad sutaptu su viewport centru | |
| Minusai: toks pvz, naudoja statinius matmenys, tai yra viska | |
| reikia pasiskaiciuoti konkreciam atveju. | |
| Tikslas naudoti procentus vietoj statiniu dimensiju | |
| */ | |
| /** transform leidzia transformuoti elementa, tiek jo masteli |