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

tuki0918 id:tuki0918

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

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

TEST CORDING Â» Sassã®@functionã®ä½¿ã„æ–¹ã¾ã¨ã‚ â€“ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ãªå‡¦ç†ã¯@function
This domain may be for sale!
tuki0918 2013/07/14
sass
ãƒªãƒ³ã‚¯
Sassã¨ã„ã†CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’èº«ã«ã¤ã‘ã‚ˆã†!in Coda2!!è¶…ç°¡å˜ãªåƒ•ã®Sassè¦šæ›¸ã€‚
åŠå¹´ã»ã©å‰ã‹ã‚‰è‰¯ãè©±é¡Œã«ãªã‚‹Sassã¨ã‹Lessã¨ã‹ã£ã¦ãªã‚“ã ã‚ã†ãªãƒ¼ã£ã¦æ€ã„ã¤ã¤ã‚ã‚“ã©ãã•ãã†ã ã‹ã‚‰ã“ã®æ‰‹ã®è¨˜äº‹ã¯å›žé¿ã—ã¦ã„ã¾ã—ãŸã€‚ ã§ã™ãŒã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«Twitterã§ã¤ã¶ã‚„ã„ã¦ã„ãŸã‚‰Sassã‹ãªã‚Šè‰¯ã„ã‚ˆã£ã¦è¨€ã‚ã‚Œã¦ ã€Œã¸ãƒ¼ãã†ãªã‚“ã ã€œã€ã¨èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¦ å°‘ã—ãšã¤ã§ã™ãŒè¨˜äº‹ã‚’èªã¿ã‚ã•ã‚ŠãªãŒã‚‰Sassã£ã¦ã“ã†ã‚†ã†æ„Ÿã˜ãªã‚“ã ãƒ¼ã£ã¦ã„ã†ã®ãŒæŽ´ã¿ã‹ã‘ã¦ããŸã®ã§è¨˜äº‹ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Coda2ã§æ¤œç´¢ã—ã¦æ¥ãŸæ–¹ã¸ ã“ã®è¨˜äº‹ã§ã¯Coda2ã®äº‹ã«ã¤ã„ã¦ã‚ã¾ã‚Šè§¦ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ã§ã™ãŒã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§ãŒã£ã¤ã‚Šcoda2ã®é…åŠ›ã‚’èªžã£ã¦ã„ã¾ã™ã®ã§æ˜¯éžã”è¦§ã«ãªã£ã¦ä¸‹ã•ã„ã€‚ å‚è€ƒè¨˜äº‹ï¼šCoda2ã®ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼å‡ºæ¥ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«[å®Œå…¨ç‰ˆ] Sassã£ã¦ãªãƒ¼ã«? CSSã‚’æ‹¡å¼µã—ã‚ˆã†!ã£ã¦ã„ã†æ„Ÿã˜ã®ãƒ¡ã‚¿è¨€èªžã‚‰ã—ã„ã§ã™!ã‚µã‚¹ã£ã¦èªã‚€ã‚‰ã—ã„ã§ã™ã€‚ãªã‚“ã ã‹åƒ•çš„ã«ã¯ã„ã„éŸ¿ã!ã€Œã‚°ã‚°ã‚‹ã€ã¨ã‹ã¨ä¼¼ã¦ã„ã‚‹ã‹ã‚‚ã€‚ã€ŒSass
tuki0918 2013/06/20
sass
ãƒªãƒ³ã‚¯
Css preprocessorã®å§‹ã‚ã‹ãŸ
6. #main { #main { float: right; Â Â Â Â float: right; } Â Â Â Â p { #main p { Â Â Â Â Â Â Â Â margin-bottom: 1em; margin-bottom: 1em; Â Â Â Â } } }
tuki0918 2013/01/19
CSS

Sass
ãƒªãƒ³ã‚¯
ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ | DevelopersIO
ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œRetina Displayå¯¾å¿œCSS Spriteç·¨
tuki0918 2013/01/18
sass

compass
ãƒªãƒ³ã‚¯
Online StyleSheet Generator | OneClickCSS
What's this? HTMLã‚½ãƒ¼ã‚¹ã‚’ã‚‚ã¨ã«ã€id,classåCSSã€åå«ã‚»ãƒ¬ã‚¯ã‚¿CSSã€åã‚»ãƒ¬ã‚¯ã‚¿CSSã€LESSã€SASSã€SCSSã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ å¾“æ¥ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ã‚°ã‚’å¼·åŠ›ã«ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ What's LESS/SASS/SCSS? LESS / SASS / SCSSã¯CSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹CSSãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ å¾“æ¥ã®CSSã«æ¯”ã¹åå«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ»åã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç°¡å˜ã«ç®¡ç†ã™ã‚‹ã“ã¨ãŒã§ãã€é«˜é€Ÿã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ LESS OFFICIAL SASS/SCSS OFFICIAL é–¢é€£ã‚µãƒ¼ãƒ“ã‚¹ é«˜ç”»è³ªã‚µãƒ ãƒã‚¤ãƒ«ç”Ÿæˆã‚µãƒ¼ãƒ“ã‚¹ HTTPã‚¯ã‚¨ãƒªãƒ‡ã‚³ãƒ¼ãƒ‰ SQLãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ Insertæ–‡ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ ã‚¹ãƒšãƒ¼ã‚¹ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ JSONãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ HTML/XMLãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ Emmet toolkit for <textare
tuki0918 2013/01/08
Webã‚µãƒ¼ãƒ“ã‚¹

sass
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
tuki0918 2013/01/08
sass
ãƒªãƒ³ã‚¯
Sass ã®ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã®æ›¸ãæ–¹
Sass ã¯ ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•° ã®ã»ã‹ã«ã€@function ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ã‚’ä½¿ã£ã¦ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã‚’è‡ªç”±ã«å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚åƒ•ã‚‚ã‚ˆã‚Šå…±æœ‰ã‚„å†åˆ©ç”¨ã®ã—ã‚„ã™ã„ã‚‚ã®ã‚’ä½œã‚‹ã¹ãè©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ãã®ã†ã¡æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ã„ãã¤ã‹ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ã”æ„è¦‹æ±‚ã‚€ã€‚ æŽ¥é è¾ž attr() ã‚„ calc() ãªã© CSS ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã‚„ percentage() ã‚„ type-of() ã¨ã„ã£ãŸ Sass ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã¨åå‰ãŒè¡çªã™ã‚‹ã®ã‚’é˜²ããŸã‚ã€ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã®é–¢æ•°åã«æŽ¥é è¾žã‚’ã¤ã‘ã‚‹ã“ã¨ã‚’æ¤œè¨Žã—ã¦ã„ã¾ã™ã€‚ç¾è¡Œã® CSS/Sass ã ã‘ã§ã¯ãªãå°†æ¥è¿½åŠ ã•ã‚Œã‚‹æ–°ã—ã„ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã‚‚è€ƒæ…®ã™ã‚‹ã¨ã‚„ã¯ã‚Šä½•ã‚‰ã‹ã®å¯¾ç–ã‚’ã—ã¦ãŠããŸã„ã¨ã“ã‚ã§ã€æŽ¥é è¾žã¯ç¾å®Ÿçš„ãªè§£ã§ã‚ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚Sass ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã® é–¢æ•°ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®é … ã§ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ã«æŽ¥é è¾žã®æŽ¡ç”¨ã‚’å‹§ã‚ã¦ã„ã¾ã™: It is
tuki0918 2013/01/07
sass
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“ã€‚å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ Webãƒ—ãƒã‚°ãƒ©ãƒžã€Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sassã¨Compassã‚’åˆ©ç”¨ã—
tuki0918 2012/12/06
ãšã‚‹ã„

sass
ãƒªãƒ³ã‚¯
CSS Preprocessor Advent Calendar 2012 - Adventar
Sassã€Lessã€Stylusãªã©CSS Preprocessorã«é–¢ã™ã‚‹Advent Calendarã§ã™ã€‚ Sass LESS Stylus
tuki0918 2012/12/02
sass

CSS
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‹ã‚‰ã¿ã‚‹Sass/Compass ç¬¬1å›žï¼šNestingã¨@import - MOL
Sassã¨ã‹ã„ã‚ã‚“ãªæ©Ÿèƒ½ã‚ã‚Šã¾ã™ã‚ˆãã€ã§ã‚‚ã¶ã£ã¡ã‚ƒã‘ãã‚“ãªã«ã„ã£ã±ã„æ©Ÿèƒ½ã‚ã£ã¦ã‚‚ä½¿ã‚ãªã„ã—( ï½¥Â´Ï‰ï½¥ï½€)ã€€æ¡ˆå¤–ã€//ãƒ€ãƒ–ã‚¹ãƒ©ã§ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã§ãã‚‹ã®ãŒä¸€ç•ªå¬‰ã—ã‹ã£ãŸã‚Šã‚‚ã—ã¾ã™ä»Šæ—¥ã“ã®ã”ã‚ã§ã™ã€‚ @import ã¨ã„ã†ã‚ã‘ã§ã€ãã‚“ãªåƒ•ãŒSassã‚’ä½¿ã†ã¨æ€ã£ãŸã®ã‚‚@importã‚’ä½¿ã„ãŸã‹ã£ãŸã‹ã‚‰ã¨ã„ã†è‡³æ¥µå˜ç´”ãªå‹•æ©Ÿã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚@importè‡ªä½“ã¯æ™®é€šã®CSSã§ã‚‚ä½¿ãˆã¾ã™ãŒã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹çš„ã«é›£ãŒã‚ã‚Šã¾ã—ã¦ã€ã‚ã‚“ã¾ã‚Šä½¿ã†æ°—ã«ãªã‚Œãªã„ã€ã‹ã¨ã„ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ç®¡ç†ã¯ãƒšãƒ¼ã‚¸å˜ä½ã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã¡ã‚ƒã‚“ã¨ã‚„ã‚‰ãªã„ã¨å¾Œã€…ã‚ã‚“ã©ã„ãªã¨ã„ã†ã‚¸ãƒ¬ãƒ³ãƒžã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã†ã‚†ã†ã‚ã‘ã§ã€ãªã‚“ã§æ™®é€šã®@importãŒãƒ€ãƒ¡ãªã®ã‹èª¬æ˜Žã—ã¾ã™ã€‚ IEã«ãŠã„ã¦@importã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ç½®ã„ãŸ<link>ã‚¿ã‚°ã®ã‚ˆã†ãªæŒ™å‹•ã‚’ã—ã¾ã™ã€‚ Best Practices for Speeding Up Your Web Site Y
tuki0918 2012/12/02
ãƒãƒ©è¦‹ã™ã‚‹

sass

CSS
ãƒªãƒ³ã‚¯
Codaã«Sasså°Žå…¥ï¼ã¾ã¨ã‚ã€‚ | Webãƒ‡ã‚¶ã‚¤ãƒ³æ—¥ã€…ç‹¬å¦
ãƒ•ã‚¯ãƒ¤ãƒžã§ã™ã€‚Sassã•ã‚“ã«è‰²æ°—ãŒãªã„ã®ã§ç€è‰²ã—ã¦ã¿ã¾ã—ãŸã€‚ Codaã§ã¯ã˜ã‚ã¦Saasã‚’ä½¿ã£ãŸæ„Ÿæƒ³ Zen.Codingã‚’çŸ¥ã£ãŸã¨ãã‚‚æ„Ÿã˜ãŸã€ã‚²ãƒ¼ãƒ ãªã©ã§æ–°ã—ã„å¼·ã„æ¦å™¨ã‚’æ‰‹ã«å…¥ã‚ŒãŸæ°—åˆ†ã§ã™ã€‚åŠ¹çŽ‡ã®é•ã„ãŒç›®ã«è¦‹ãˆã¦ã‚ã‹ã‚Šã¾ã™ã‹ã‚‰ãã€‚Sassã®scssã¯è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—ã€JavaScriptã‚„PHPã€ãã®ä»–ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å°‘ã—ã§ã‚‚ã‹ã˜ã£ã¦ã„ã‚Œã°ã‚¹ã‚¤ã‚¹ã‚¤æ›¸ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚(Mac OSX Lion, Coda ver1.7.5) 1.Sassã®æº–å‚™ 2.scssã‹ã‚‰cssã‚’è‡ªå‹•ã§æ›¸ãå‡ºã™ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¥ã‚Œã‚‹ 3.è©¦ã—ã¦ã¿ã‚‹ 4.Sass.modeã§è‰²ä»˜ã‘ã™ã‚‹ 5.scssãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚‚zen codingã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ Sassã®æº–å‚™ ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’ä½¿ã„ã¾ã™ãŒã€4å›ž å…¥åŠ›ã¨returnã‚ãƒ¼ã‚’æŠ¼ã™ã ã‘ã§ã™ã®ã§ã€é›£ã—ãè€ƒãˆãªã„ã§ãã ã•ã„ã€‚ ã¾ãšã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ > ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ > ã‚¿ãƒ¼ãƒŸ
tuki0918 2012/11/28
plugin

coda

sass
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ | DevelopersIO
ã¯ã˜ã‚ã« æ—©é€Ÿã§ã™ãŒã¿ãªã•ã‚“ã€é»’ã„ç”»é¢ï¼ˆã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã¯ãŠå¥½ãã§ã™ã‹ï¼Ÿ ã¡ãªã¿ã«åƒ•ã¯æœ€è¿‘ã‚„ã£ã¨é»’ã„ç”»é¢ã«å¯¾ã—ã¦ã„ãã¤ã‹ã®å‘ªæ–‡ä½¿ãˆã‚‹ãã‚‰ã„ã«ãªã‚Šã¾ã—ãŸã€‚æ–‡ç³»ç†ç³»ã§ã‚‚ã©ã¡ã‚‰ã§ã‚‚ãªãã•ã‚‰ã«ä½Žå¦æ´ã®åƒ•ã«ã¨ã£ã¦ã¯æ½œã‚Œã°æ½œã‚‹ã»ã©é»’ã„ç”»é¢ãŒã¤ãã¾ã¨ã„ã¾ã™ã€‚ï¼ˆä»Šã§ã¯å¥½ãã§ã™ã‚ˆã€é»’ã„ç”»é¢ï¼‰ ä»Šå›žã¯ã€ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ã¨ã„ã†ã“ã¨ã§ã€ã€Œé»’ã„ç”»é¢ãªã©è¦‹ãŸããªã„ï¼ã€ã¨ã„ã†ã‚ãªãŸã«ã‚‚ã€GUIæ“ä½œã ã‘ã§ã™ãã«ä½¿ãˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰SCSSã®åŸºæœ¬çš„ãªåˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã€å®Ÿéš›ã®é–‹ç™ºã«ä½¿ãˆã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŠ¼ã•ãˆã¦è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ SCSSã‚’è¦šãˆã¦ç”Ÿç”£çš„ã§æ¥½ã—ã„Webã‚µã‚¤ãƒˆåˆ¶ä½œãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã¾ã SCSSã‚’çŸ¥ã‚‰ãªã„æ–¹å‘ã‘ã«ã€ŒSCSSã€ã£ã¦ï¼Ÿ å‰å›žã®è¨˜äº‹ã€ŒMedia Queriesã®è¨˜è¿°ã‚’å°‘ã—æ¥½ã«ã—ã¦ãã‚Œã‚‹SCSSï¼ˆSassï¼‰ Mixinï¼ˆè‡ªä½œï¼‰ã€ã‹ã‚‰ã®
tuki0918 2012/10/10
sass
ãƒªãƒ³ã‚¯
ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.7ã€‘ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã—ã¦ç®¡ç†ã‚’æ¥½ã«ï¼ˆpartialã«ã¤ã„ã¦ï¼‰
ã¡ã‚‡ã£ã¨é–“ãŒé–‹ã„ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯SCSSãƒ•ã‚¡ã‚¤ãƒ«ã®åˆ†å‰²ã«é–¢ã—ã¦ã§ã™ã€‚ é€šå¸¸ã®CSSã®å ´åˆã¯ã€åˆ†å‰²ã—ãŸè¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ç”¨ã®ã€Œimport.cssã€ã¿ãŸã„ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¦ç®¡ç†ã™ã‚‹ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã—ãã¯ã€headè¦ç´ å†…ã«å„CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã ã‚Šã—ã¾ã™ã‚ˆãã€‚ ãŸã ã€ã“ã‚Œã ã¨åˆ†å‰²ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤šããªã‚Œã°ãªã‚‹ã»ã©ã€èªã¿è¾¼ã‚€ã”ã¨ã«HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨ãã®èªã¿è¾¼ã¿ãŒãƒ–ãƒ©ã‚¦ã‚¶ã§è¡Œã‚ã‚Œã‚‹ãŸã‚ã€Webã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿ãŒé…ããªã£ã¦ã—ã¾ã†ã£ã¦å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãä½“æ„Ÿé€Ÿåº¦çš„ã«ã©ã®ç¨‹åº¦å½±éŸ¿ãŒã‚ã‚‹ã‹ã¯ã‚¢ãƒ¬ã§ã™ãŒã€‚ ãã‚Œã§ã‚‚ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’1ã¤ã«ã™ã‚‹ã“ã¨ã§ã€ã¡ã‚‡ã£ã¨ã§ã‚‚è¡¨ç¤ºãŒæ—©ããªã‚‹ã‹ã‚‚çŸ¥ã‚Œãªã„ãªã‚‰ã‚„ã£ã¦æã¯ç„¡ã„è¨³ã§ã™ãŒã€ãã‚Œã§ç®¡ç†é¢ã§å•é¡ŒãŒç”Ÿã˜ã¦ã—ã¾ã†ã®ã‚‚å›°ã£ãŸã¡ã‚ƒã‚“ãªã®ã§ã€åˆ†å‰²ã™ã‚‹CSSã¯å¿…è¦æœ€ä½Žé™ã«ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã†è¨€ã£ãŸå•é¡Œã‚‚ã€Sassãªã‚‰åˆ†å‰²ã—ãŸSCS
tuki0918 2012/01/24
sass
ãƒªãƒ³ã‚¯
1