Web M&M
https://mam.matfyz.cz
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.4 KiB
27 lines
1.4 KiB
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)
|
|
|
|
|