[B! WEBåˆ¶ä½œ][SCSS] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

WEBåˆ¶ä½œã¨SCSSã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

[CSS]æœ€è¿‘ã®Webåˆ¶ä½œã§ã‚ˆãä½¿ã†ã€Sassã®mixinã®ã¾ã¨ã‚
15 essential Sass mixins ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Sassã‚„ã£ã¦ã¿ãŸã„ã€ã¨è€ƒãˆã¦ã‚‹äººã«ã¯ä¸‹è¨˜ã®æœ¬ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ Sassã®åˆå¿ƒè€…ã‹ã‚‰ã‚‚ã£ã¨ä½¿ã„ã“ãªã—ãŸã„äººã¾ã§ã€Sassã‚’ç¢ºå®Ÿã«ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ -Sassã®æ•™ç§‘æ›¸ box-sizingï¼ˆãƒœãƒƒã‚¯ã‚¹ã‚µã‚¤ã‚ºï¼‰ opacityï¼ˆä¸é€æ˜Žåº¦ï¼‰ column-widthï¼ˆã‚«ãƒ©ãƒ å¹…ï¼‰ circleï¼ˆå††å½¢ï¼‰ font-sizeï¼ˆãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºï¼‰ box-shadowï¼ˆãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ï¼‰ xPosï¼ˆè¦ç´ ã®åº§æ¨™ï¼‰ vertical-alignï¼ˆå¤©åœ°ã®ä¸å¤®ã«é…ç½®ï¼‰ flexboxï¼ˆãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒœãƒƒã‚¯ã‚¹ï¼‰ flexï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æ—§ä»•æ§˜ã«ã‚‚å¯¾å¿œã—ãŸflexã®æŒ‡å®šï¼‰ flex-orderï¼ˆè¡¨ç¤ºã®é †ç•ªï¼‰ flex-directionï¼ˆè¡¨ç¤ºã®æ–¹å‘ï¼‰ gra
kana321 2014/11/17
css

sass

mixin

ã¾ã¨ã‚

SCSS

Webåˆ¶ä½œ

Snippet

ã‚³ãƒªã‚¹
ãƒªãƒ³ã‚¯
http://soufflecode.net/website/
kana321 2013/09/10
webåˆ¶ä½œ

scss

ã‚µãƒ¼ãƒ“ã‚¹

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

WEBã‚µãƒ¼ãƒ“ã‚¹

web

ã¾ã¨ã‚

ãƒ„ãƒ¼ãƒ«

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

css
ãƒªãƒ³ã‚¯
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in theÂ world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSSÂ libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
kana321 2013/09/10
css

saas

css

sass

ruby

webåˆ¶ä½œ

programming

SCSS

haml

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

tips

ã‚ã¨ã§èªã‚€

sass

css

SCSS

webåˆ¶ä½œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

compass

Snippet
ãƒªãƒ³ã‚¯
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚ã€‚ Webã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã‚„SCSSã®é€£è¼‰ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚äº†ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚æ®‹å¿µã§ã™ãã€‚ èªè€…ã®ã¿ãªã•ã¾ã‚‚æ¬¡ã®å¼•ã£è¶Šã—å…ˆãƒ„ãƒ¼ãƒ«æŽ¢ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSã‚‚å¿˜ã‚Œãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ãƒ–ãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ æœ¬é¡Œ ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆãã€‚ å€‹äººçš„ã«ã¯HTMLä¸Šã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„å‘³ã®ãªã„æ–‡å—åˆ—ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLã‚‚ç·¨é›†ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’æ¸›ã‚‰ã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ æœ€åˆ
kana321 2013/03/21
css

Webåˆ¶ä½œ

*css

css

scss

sass

framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

less

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œçŸ¥ã‚‰ãªã„ã¨æãªæ©Ÿèƒ½ç·¨ | DevelopersIO
ã¯ã˜ã‚ã« åŸºç¤Žç·¨ã€CompassåŸºç¤Žç·¨ã¨ã‚‚ã«ãŸãã•ã‚“ã®ã‚·ã‚§ã‚¢ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã¯è‹¥å¹²é‡£ã‚Šã£ã½ã„ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ã¦ã—ã¾ã„ãƒ»ãƒ»ãƒ»ã‚ãã€ŒçŸ¥ã‚‰ãªã„ã¨ã¡ã‚‡ã£ã¨æãªæ©Ÿèƒ½ç·¨ã€ã«æ›¸ãæ›ãˆã‚ˆã†ã‹è¿·ã£ãŸã‘ã©ä¿å˜ã›ãšã«ãã£ã¨ã‚¿ãƒ–ã‚’é–‰ã˜ã¾ã—ãŸã€‚ ä»Šå›žã¯çŸ¥ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯ãã‚“ãªã®åŸºæœ¬ã ã‚ã†ï¼ã£ã¨æ€ã†ã‚ˆã†ãªã‚‚ã®ã§ã™ãŒè‡ªåˆ†ã®ã‚ˆã†ãªãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’èªã¾ãªã„æ—¥æœ¬äººå‘ã‘ã«ï¼ˆã¨ã„ã£ã¦ã‚‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆè‹±èªžã ã—ãƒ»ãƒ»ãƒ»ï¼‰SCSSã‚’ä½¿ã†éš›ã«çŸ¥ã‚‰ãªã„ã¨ï¼ˆã¡ã‚‡ã£ã¨ï¼‰æãªæ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SCSSã§æ‰±ã†ãƒ•ã‚¡ã‚¤ãƒ«ã®é•ã„ - partials SCSSã§æ‰±ãˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯2ã¤ã®ç¨®é¡žã€Œã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã€ã¨ã€Œã‚¤ãƒ³ãƒãƒ¼ãƒˆå°‚ç”¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ã€ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆå°‚ç”¨ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’partialsï¼ˆãƒ‘ãƒ¼ã‚·ãƒ£ãƒ«ï¼‰ã¨å‘¼ã¶ãã†ã§ã™ã€‚ ã‚¤ãƒ³ãƒãƒ¼ãƒˆå°‚ç”¨ãƒ•ã‚¡ã‚¤ãƒ«ã¯å…ˆé ã«ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã‚’æŒ‡å®šã—ã€Œ_sample.scssã€ã®ã‚ˆã†
kana321 2012/10/26
*STACK*

******

****

***

**

SCSS

webåˆ¶ä½œ

sass

css

css3
ãƒªãƒ³ã‚¯
CSS ã®æ›¸ãæ–¹ã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ | Unformed Building
ã©ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ã°æ¥½ã§ãã‚‹ã‹ã¨ã‹ã€å¾Œã‹ã‚‰ä¿®æ£ã—ã‚„ã™ã„ã‹ã¨ã‹ã€ãã‚“ãªã“ã¨ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã‚’ä¾‹ã«ã€è‡ªåˆ†ã®é€šã£ãŸé“ã‚’è¿½ã£ã¦ã¿ã¾ã™ã€‚ ä»Šå›žä½¿ã† HTML ã¯æ¬¡ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <div class="buttons"> <button class="edit">Edit</button><button class="publish">Publish</button><button class="delete">Delete</button> </div> ã“ã‚Œã‚’ CSS ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ãã¾ã™ã€‚ 1. ã¨ã‚Šã‚ãˆãšå€‹åˆ¥æŒ‡å®š ã“ã‚“ãªæ¥µç«¯ãªæ›¸ãæ–¹ã™ã‚‹äººã¯ã‚ã¾ã‚Šã„ãªã„ã§ã—ã‚‡ã†ã‘ã©ã€ä¾‹ã¨ã—ã¦ã€‚ .edit { margin: 0 5px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; widt
kana321 2012/09/26
css

*css

CSS

css3

html

Webãƒ‡ã‚¶ã‚¤ãƒ³

html5

tips

SCSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ Sass ã®æ›¸ãæ–¹
æœ€è¿‘ã€Sass 3.2 (ãƒ—ãƒ¬ãƒªãƒªãƒ¼ã‚¹ç‰ˆ) ã‚’ä½¿ã£ã¦æ–°ã—ã„æ›¸ãæ–¹ã‚’æ¨¡ç´¢ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€ãã®æ–¹å‘æ€§ã«è‡ªä¿¡ãŒæŒã¦ãªã„ã®ã§ã€ã¡ã‚‡ã£ã¨ã•ã‚‰ã—ã¦ã¿ã¦åå¿œã‚’è¦‹ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã¾ãšåŸºæœ¬çš„ãªæ–¹å‘ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™: ãªãœ @kotarok ã•ã‚“ã¯ mixin ã‚ˆã‚Š extend ã‚’æŽ¨ã™ã®ã‹ - mixi Engineers' Blog Sassã®å˜åœ¨æ„ç¾© - Weblog - hail2u.net Sassã®å˜åœ¨æ„ç¾©ã¸ã®è£œè¶³ - Weblog - hail2u.net ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ãã®ã§ã‚‚ãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã‚ã›ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã§ã‚‚ãªã„ã€ãã‚Œãžã‚Œã‚’é©åˆ‡ã«æ›¸ã„ãŸä¸Šã§çµã³ã¤ã‘ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã‚’åƒ•ãªã‚Šã«ã‚„ã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®å®Ÿè£…ã¨ã€ãã‚Œã‚‰ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’åˆ†é›¢ã™ã‚‹ã€ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€å…·ä½“çš„ã«ã¯ Placeholder (%)
kana321 2012/07/12
.net

blog

sass

CSS

SCSS

webåˆ¶ä½œ

font

è€ƒãˆæ–¹

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

css
ãƒªãƒ³ã‚¯
Introduction to Sass and How to Setup with Mac + Coda
2014å¹´7æœˆ31æ—¥ CSS, ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ã€ŒSassã€ã£ã¦èžã„ãŸã“ã¨ã‚ã‚Šã¾ã™ã‹ï¼Ÿã™ã£ã”ãç°¡å˜ã«è¨€ã†ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ãƒ»åŠ¹çŽ‡è‰¯ãè¨˜è¿°ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã¨ã¯è¨€ãˆåŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯CSSã¨åŒã˜ãªã®ã§ã€ã€Œæ–°ã—ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ã¨ã„ã†ã‚ˆã‚Šã€ŒCSSã®æ–°ã—ã„è£…å‚™å“ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ä¸€è¦‹é›£ã—ãæ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ…£ã‚Œã‚‹ã¨ã€Œã“ã‚Œãªã—ã§ã¯ã„ã‚‰ã‚Œãªã„ï¼ã€ã¨ã¾ã§æ€ãˆã‚‹Sassã®é…åŠ›ã¨ã€Macã§ã®è¨å®šæ–¹æ³•ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãªãƒ¼ã¨ã„ã†äº‹ã§Macï¼‹Codaã§ã®è¨å®šæ–¹æ³•ã‚‚ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Sassã¨ã¯ æ—¥æœ¬èªžã§ã¯ã€Œã‚µã‚¹ã€ã¨èªã¾ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚æ‹¡å¼µåã¯ã€Œ.scssã€ã€‚ä»Šã¾ã§ã®CSSã«å¤‰æ•°ã‚„è¨ˆç®—å¼ã‚’ä½¿ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é¢¨ã®æ›¸ãæ–¹ã‚’åŠ ãˆãŸ .scss ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã—ã¦CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¾ã™ã€‚ä¾‹ãˆã°ã€Œstyle.scssã€ã®Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰æ›ã™ã‚‹
kana321 2012/06/26
color

Coda

css

sass

coda

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

webåˆ¶ä½œ

mac

scss

html
ãƒªãƒ³ã‚¯
1