Susy2 ã«ã‚ˆã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–レイアウト㨠Breakpoint | DriftwoodJP
@import "compass"; @import "compass/reset"; @import "susy"; @import "breakpoint"; $susy: ( columns: 12, gutters: 1/4, math: fluid, output: float, gutter-position: inside, container: 80%, ); $contents: 8 at 5; $aside: 4; .container { @include container; @include clearfix; } .contents { @include span($contents); } .aside { @include span($aside); }
ã€Susy】Sass,Compassã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¾ã - Milk+ea
何 Susyã¯Compassã®ãƒ—ラグインã§ã™ã€‚ グリッドãªã‚µã‚¤ãƒˆã‚’制作ã™ã‚‹ãŸã‚ã®Mixinã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ モãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚‚å¯èƒ½ã‚ˆã€‚ インストール Susy: Getting Startedを眺ã‚ãŸã‚‰å¤šåˆ†ã‚ã‹ã‚Šã¾ã™ã€‚ 使ã„æ–¹ åˆæœŸè¨å®š Susyを使ã†ã¨ãã¯æ¬¡ã®å¤‰æ•°ã«ä½•ã‹ã—ら値を代入ã—ã¦ã‹ã‚‰ä½¿ã„ã¾ã™ã€‚ $total-columns : 12; $column-width : 4em; $gutter-width : 1em; $grid-padding : 0.5em; $container-style : 上ã‹ã‚‰é †ç•ªã« 何カラム使ã†ã‹ã€‚上ã§ã¯ï¼‘２カラム。 １カラムã‚ãŸã‚Šã®å¹…ã¯ã©ã‚Œã ã‘ã‹ã€‚ カラム間ã®margin(å¹…)ã¯ã©ã‚Œã ã‘ã‹ã€‚margin-right: 1em　ã¿ãŸã„ã«ã€‚ グリッド左å³ã®paddingã¯ã©ã‚Œã ã‘ã‹ã€‚TwitterBootstrapã ã£ãŸã‚‰.rowã®å·¦å³ã«ã¿ãŸã„
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Getting Started — Susy 2.1.3 documentation
{{#tags}}- {{label}}
{{/tags}}