27 lines
1.4 KiB
ReStructuredText
27 lines
1.4 KiB
ReStructuredText
CSS (a další styly na webu)
|
||
===========================
|
||
|
||
Inspirován `css-trick článkem <https://css-tricks.com/methods-organize-css/>`_ jsem se rozhodl rozdělit
|
||
CSSka do
|
||
|
||
- Konstant (``constants.css``), které jsou využívány na mnoha místech CSSek
|
||
- Nastylování html tagů (``base.css``)
|
||
- Layoutu (``layout.css``), což je to, co určuje celkové rozložení stránky
|
||
- Jednotlivých prvků (``modules.css``)
|
||
|
||
Dále jsem separoval CSSka pro **galerii** (potřebuje hodně specifických stylů). Stejně tak **korekturovátko** má styly separátně.
|
||
|
||
Dále web (asi) používá externí frameworky (v separátních složkách – mají k sobě i JS a podobné věci):
|
||
|
||
- bootstrap: dělá nějaké basic stylování, *web je na něm hodně závislý* (například jsem zjistil, že bootstrap kdysi přidával ``font-size:14px``, bez čehož se web úplně rozpadnul) (také na něm běží mobilní meníčko, které navíc vyžaduje Popper, tedy bootstrap.bundle.js místo bootstrap.js)
|
||
|
||
Pak jsou tu ``mamweb-dev.css`` a ``printtable.css``, co jsem si ještě nerozmyslel, co s tím.
|
||
|
||
Pár myšlenek
|
||
------------
|
||
|
||
- Až na pár výjimek (galerii a korekturovátko) bych styly držel v jedné složce a málo souborech,
|
||
protože CSS šíleně dědí všechno možné
|
||
- Chce to dobře pojmenovávat třídy (speciálně aby bylo vidět, co ta třída dělá nebo kde se používá)
|
||
- Chce to hodně komentovat kód (speciálně tam, kde není splněn předchozí bod)
|
||
|