[B! compass] shidhoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shidho id:shidho

compassã«é–¢ã™ã‚‹shidhoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Sassã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Bourbonã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ - ä¸é‡Œæ—¥è¨˜
ã‚„ã‚ (Â´ãƒ»Ï‰ãƒ»ï½€)ã‚ˆã†ã“ãã€ãƒãƒ¼ãƒœãƒ³ãƒã‚¦ã‚¹ã¸ã€‚ ã“ã®ãƒ†ã‚ãƒ¼ãƒ©ã¯ã‚µãƒ¼ãƒ“ã‚¹ã ã‹ã‚‰ã€ã¾ãšé£²ã‚“ã§è½ã¡ç€ã„ã¦æ¬²ã—ã„ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã«è§¦ç™ºã•ã‚Œã¦ã€Compassä»¥å¤–ã®Sassã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹Bourbonã•ã‚“ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ Bourbonã£ã¦ãªã«ï¼Ÿ è‹±èªžå¾—æ„ãªæ–¹ã¯ã“ã¡ã‚‰ã‹ ã“ã¡ã‚‰ã‚’è¦‹ã¦ã„ãŸã ã„ãŸã»ã†ãŒè©³ã—ãæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ Bourbonã¯Compassã‚ˆã‚Šã‚‚ä½¿ã„ã‚„ã™ã„ï¼ Bourbonã¯ã€ã™ã’ãˆã‚·ãƒ³ãƒ—ãƒ«ï¼ï¼ˆã£ã¦æ›¸ã„ã¦ã‚ã£ãŸï¼‰ã§ã€ã¨ã¦ã‚‚è»½ã„ã®ãŒç‰¹å¾´ãªã‚ˆã†ã§ã™ã€‚ç°¡å˜ã«è¨€ã†ã¨ã€Compassã‚’ã‚‚ã£ã¨æ‰‹è»½ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ã™ãã€‚Compassã®åŸºæœ¬çš„ãªæ©Ÿèƒ½ã‚’ã‚ˆã‚Šä½¿ã„ã‚„ã™ãã—ãŸã‚‚ã®ã ã¨æ‰ãˆã¦ã„ã„ã‚ˆã†ã§ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ãŒã¡ã‚‡ã£ã¨Sassä½¿ã£ã¦ã¿ã‚ˆã†ã‹ãªã¨ã„ã†æ™‚ã«ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚è¦‹ã‚„ã™ãã€æ¤œç´¢ã‚‚ã—ã‚„ã™ã„ã§ã™ã€‚ãŸã ä»Š
shidho 2014/06/14
compass

sass

css
ãƒªãƒ³ã‚¯
ã€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ã¯ã©ã‚Œã ã‘ã‹ã€‚Twitter Bootstrapã ã£ãŸã‚‰.rowã®å·¦å³ã«ã¿ãŸã„
shidho 2014/06/14
compass

CSS

susy
ãƒªãƒ³ã‚¯
howtohp.com
This domain may be for sale!
shidho 2014/06/14
compass

SCSS

css
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šç´ æ—©ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãŸã‚ã®ã€Sassï¼ˆSCSSï¼‰ã®mixinã‚¹ãƒ‹ãƒšãƒƒãƒˆé›†
ã‚ˆã‚Šç´ æ—©ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãŸã‚ã®ã€Sassï¼ˆSCSSï¼‰ã®mixinã‚¹ãƒ‹ãƒšãƒƒãƒˆé›†ä»¥å‰ã€ŒåŠ¹çŽ‡è‰¯ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹Sassã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼Mac+Codaãªã‚‰è¨å®šã‚‚ç°¡å˜ï¼ã€ã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSassï¼SCSSã€‚çš†ã•ã‚“ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿä»Šå›žã¯ãã®Sassã® @mixin ã¨ã„ã†æ©Ÿèƒ½ã«æ³¨ç›®ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ä¸ã«ã¯å¾Œè¿°ã™ã‚‹ã€ŒCompassã€ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ãˆã°åŒæ§˜ã®ã‚³ãƒ¼ãƒ‰ãŒè¨˜è¿°ã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãŠå‹‰å¼·ã‚‚å…¼ãã¦ã‚ãˆã¦ä½¿ã‚ãšè‡ªåˆ†ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ãã†ãªã‚‚ã®ã‚’ä¸å¿ƒã«ç´¹ä»‹ã™ã‚‹ã®ã§ã€è‡ªåˆ†ã®ä½¿ã„ã‚„ã™ã„ã‚ªãƒªã‚¸ãƒŠãƒ« mixin ã‚’ä½œã£ã¦ã¿ã¦ãã ã•ã„ãï¼ ç›®æ¬¡Sass ã®åŸºç¤ŽçŸ¥è˜@mixin ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ãƒªãƒ³ã‚¯ã‚«ãƒ©ãƒ¼ã‚’ä¸€æ‹¬è¨å®šãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹é€æ˜Žåº¦çµ¶å¯¾ä½ç½®ã®æŒ‡å®šrem ã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šãƒ¬ãƒ†ã‚£ãƒŠãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œç”»åƒCompass ã«ã¤ã„ã¦è»½ãã€‚Sass
shidho 2014/06/14
sass

css

compass
ãƒªãƒ³ã‚¯
1