Last active
August 29, 2015 13:56
-
-
Save illycz/9018773 to your computer and use it in GitHub Desktop.
This file contains 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
1. Jestli si to pamatuju dobře, tak Susy sloupce floatuje a je třeba označovat poslední položku na řádku. | |
U změny počtu sloupců v různých breakpointech se tím pádem musí řešit i změna poslední položky na řádku... | |
2. Jak se řeší případ, kdy se vypisuje např. 8 sloupců po 25%, tzn. 4 na řádku a např. | |
druhý sloupec v prvním řádku má větší výšku. První sloupec druhého řádku, se pak samozřejmě | |
zasekává na tom vyšším sloupci viz. screenshot: http://cl.ly/image/2m3m3J1s0C2H | |
Je pravda, že Susy neznám detailně a proto mě zajímá, jak se tyhle, podle mě časté, | |
případy řeší a jak moc elegantní to je. | |
Díky za čas :) |
Ad 1. Jestli to chápu správně, tak ta režie posledních řádků (v případě nenulových gutters) tam pořád je. Tzn., že musíš pro různé breakpointy ošetřovat (měnit float a rušit margin). To je pro mě velký argument při používání inline-blok řešení... Ale je mi jasné, že je to otázka preferencí a rutiny používání.
Ad 2. Clear je jasný, ale zase je to starost navíc.
Ad 2B. Gallery mixin řeší i případy, kdy by byly fotky různě vysoké? Nejsou tam příklady, tak jen jestli to víš...
Každopádně ještě jednou díky za čas, Susy mě zajímá, takže si to asi budu ještě studovat.
- Ano je to tak. Údajně by měly jít v budoucnu rozšiřovat typy gridu na Flexbox a Grid Module, ale kdy to bude a kdy vůbec bude nasaditelné, těžko říct.
2B) Doplním to do SASSmeistera a vyzkousím.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
http://sassmeister.com/gist/9025152
Přiznám se, že guttery mám na těch pár mých webech většinou nulový, takže řešení posledního floutu odpadá. Docela mi vyhovuje nastavit Guttery na nula a pracovat s 32 sloupci, s tím vystačím, případně si nastavím vnitřní grid dle potřeby uplně jinej.
Ale možná v Susy2 existuje elegantnější řešení, neštudoval jsem do podrobna všechny novinky http://susy.readthedocs.org/en/latest/
Susy nemá žádný předpřipravený classy, jako ostatní "hotový" frameworky. Jde na to z druhý strany. Chápu, že ne každému to bude vyhovovat a pro některé webové nástroje, kde mám pod kontrolou jen HTML výstup, to ani samo o sobě nepůjde použít.
Jestli tě napadne jiné řešení, dej vědět :)