[B! sass] kopugã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kopug id:kopug

sassã«é–¢ã™ã‚‹kopugã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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}}

Webåˆ¶ä½œè€…ã¯ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯å¿…é ˆï¼LIGãƒ–ãƒã‚°è¨˜äº‹ã‚’çŸ¥ã‚ŠãŸã„åˆ†é‡Žåˆ¥ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚
æ—¥æœ¬ã®ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ãï¼LIGã‚µã‚¤ãƒˆã‚’æ•™ç§‘æ›¸ä»£ã‚ã‚Šã«ä½¿ã£ã¦ã„ã¾ã™ã€ãƒ©ã‚¤ã‚¿ãƒ¼ã®ã€ã®ã³å¤ªã§ã™ã€‚ ä»Šå›žã¯ã€ã“ã‚Œã¾ã§LIGã§å…¬é–‹ã•ã‚ŒãŸè¨˜äº‹ã‚’Webåˆ¶ä½œè€…ãŒè¦‹ãŸã„ã‚‚ã®ã€å¦ã³ãŸã„åˆ†é‡Žåˆ¥ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãœã²ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ã¦ã€æ™‚é–“ãŒã‚ã‚‹ã¨ãã«è¦‹ã¦ãŠã„ã¦ãã ã•ã„ãã€‚ç‰¹ã«Webåˆ¶ä½œè€…ã®æ–¹ã¯å¿…è¦‹ã ã¨æ€ã„ã¾ã™ã€‚ã‚ã£ã¡ã‚ƒå‹‰å¼·ã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã£ã™ï¼ LIGãƒ–ãƒã‚° çŸ¥ã‚ŠãŸã„åˆ†é‡Žåˆ¥ãƒªãƒ³ã‚¯é›† Sassã€Compassã‚’å¦ã³ãŸã„äºº CSSã®å¸¸è˜ãŒå¤‰ã‚ã‚‹ï¼ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ) ç›®æŒ‡ã›Sassãƒžã‚¹ã‚¿ãƒ¼ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ãå®Ÿè·µå‡ºæ¥ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™º Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã€Œconfig.rbã€ã®ç·¨é›†æ–¹æ³• Sassã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¼·ã„å‘³æ–¹ã«ï¼ä¾¿åˆ©ãªextendï¼†mixiné›†ã‚’ä½œã£ã¦ã¿ãŸ Sass
kopug 2014/01/31
sass

compass

web

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://soufflecode.net/website/
kopug 2013/09/10
web

compass

sass

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
åˆã‚ã¦Sassã¨Compassã‚’ä½¿ã£ãŸéš›ã«å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
ã—ã°ã‚‰ãå‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸCSSã‚’æ›¸ãæ™‚ã«ä¾¿åˆ©ã ã¨ã„ã†ã€ŒSassã€ã¨ã€ŒCompassã€ã‚’è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ é †ç•ªã«å°Žå…¥ã®æ‰‹é †ã‚’è¿½ã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€æ¤œç´¢ã™ã‚‹ã¨å¤šãã®ã‚µã‚¤ãƒˆãŒç´¹ä»‹ã—ã¦ã„ã¾ã™ã®ã§ã€ç§ãŒè¦‹ã¦å‚è€ƒã«ã—ãŸãƒšãƒ¼ã‚¸ã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ Sassã¨ã¯ ã¾ãšSassã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€CSSã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã§ã€ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§CSSã‚’æ—©ãæ›¸ã‘ãŸã‚Šã€è¨˜è¿°ãŒæ¥½ã«ãªã£ãŸã‚Šã—ã¾ã™ã€‚ Sassã®å…¬å¼ã‚µã‚¤ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Sass â€“ Syntactically Awesome Stylesheets Compassã¨ã¯ Sassã‚’æ‹¡å¼µã—ã¦ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ã¤ã‘ã¦ãã‚ŒãŸã‚Šã€ãƒªã‚»ãƒƒãƒˆCSSã‚’å‘¼ã³å‡ºã—ã¦ãã‚ŒãŸã‚Šã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½¿ãˆãŸã‚Šã—ã¾ã™ã€‚ Compassã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ç¢ºèªã§ãã¾ã™ã€‚ Compass H
kopug 2013/02/14
sass

compass
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
kopug 2013/02/07
sass

CSS

compass
ãƒªãƒ³ã‚¯
ãƒã‚¹ãƒˆã‚’è¦šãˆãŸäººã®ãŸã‚ã®Sassã®ä¾¿åˆ©ãªä½¿ã„æ–¹
11. $baseColor: #AD253A; å¤‰æ•°ã‚’ä»£å…¥ body { background-color: $baseColor; å¤‰æ•°ã‚’å‡ºåŠ› } #globalHeader { #gNav { color: $baseColor; å¤‰æ•°ã‚’å‡ºåŠ› } } #main #featureList { a { h3 { color: $baseColor; å¤‰æ•°ã‚’å‡ºåŠ› } } }
kopug 2013/02/05
sass
ãƒªãƒ³ã‚¯
1