[B! scss][web] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

scssã¨webã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (34)

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

åˆç‰ˆã¨æ”¹è¨‚2ç‰ˆã®é•ã„ | Webåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ æ”¹è¨‚2ç‰ˆ - å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ
å¤§ããªé•ã„ã¨ã—ã¦ã€å®šä¾¡ãŒ2,800å††ã‹ã‚‰2,400å††ã¨ãŠå®‰ããªã‚Šã¾ã—ãŸï¼ å€¤æ®µã¯ãƒšãƒ¼ã‚¸æ•°ãŒ351ãƒšãƒ¼ã‚¸ã‹ã‚‰296ãƒšãƒ¼ã‚¸ã«æ¸›ã£ãŸé–¢ä¿‚ã§ã™ãŒã€è–„ããªã£ãŸåˆ†æŒã¡é‹ã³ã—ã‚„ã™ã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ å„ç« ã”ã¨ã®é•ã„ã‚’ã¤ã‚‰ã¤ã‚‰ã¨æ›¸ã„ã¦ã„ãã¾ã™ã€‚ æ”¹è¨‚2ç‰ˆã‚’è²·ã†ã‹è¿·ã£ã¦ã‚‹æ–¹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ï¼ ç¬¬1ç« Sassã®ã‚ãƒ›ãƒ³ å…¨ä½“çš„ãªæ–‡æ›¸ã®è¦‹ç›´ã—ãŒä¸»ãªå¤‰æ›´ç‚¹ã§ã™ã€‚ å¤§å¹…ãªå¤‰æ›´ã¯è¡Œã£ã¦ã„ã¾ã›ã‚“ãŒã€Sass ã¯ã‹ãªã‚Šæ™®åŠã—ãŸã‚ˆãã€‚çš„ãªå†…å®¹ãŒè¿½åŠ ã•ã‚ŒãŸã‚Šã—ã¦ã¾ã™ã€‚ ç¬¬2ç« Sassã®åˆ©ç”¨ç’°å¢ƒã‚’æ•´ãˆã‚ˆã† ç¾åœ¨ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«åˆã‚ã›ã‚‹ãŸã‚ã€å…¨é¢åˆ·æ–°ã—ã¾ã—ãŸã€‚ åˆç‰ˆã§ã¯ Ruby Sass ã‚’ä½¿ã£ã¦åˆ©ç”¨ç’°å¢ƒã‚’æ•´ãˆã¾ã—ãŸãŒã€æ”¹è¨‚2ç‰ˆã§ã¯ Node.js ã¨ LibSass(node-sass) ã‚’ä½¿ã£ãŸå†…å®¹ã«ã—ã¦ã„ã¾ã™ã€‚ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã¯ç¾åœ¨å®‰å®šã—ãŸäººæ°—ã®ã‚ã‚‹ã€gulp ã‚’ä½¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚GUIã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã«é–¢ã—ã¦
bitgleams 2017/08/30
book

å…¬å¼

sass

css

scss

web

dev

***

preproceccer

webdesign
ãƒªãƒ³ã‚¯
CSSã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã§ã—ãŸ5ã¤ã®ã“ã¨
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚ã¤ã“ã§ã™(Î¦Ï‰Î¦) ä»Šå›žã¯ã€ç¾è¡Œã‚µãƒ¼ãƒ“ã‚¹ã®CSSã‚’ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãŸè©±ã¨ã©ã‚“ãªå½±éŸ¿ãŒã‚ã£ãŸã‹ã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ãã˜ çµŒç·¯ã¨ã‹ å®Ÿéš›ã«ã—ãŸ5ã¤ã®ã“ã¨ ã¾ã¨ã‚ çµŒç·¯ã¨ã‹ é–‹ç™ºæœŸé–“ç´„9ãƒ¶æœˆã€ãƒªãƒªãƒ¼ã‚¹ã—ã¦1å¹´ã®ç¾è¡Œã‚µãƒ¼ãƒ“ã‚¹ã®CSSãŒå¤§å¤‰ãªã“ã¨ã«ãªã£ã¦ã„ãŸã®ã§ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã¨ã¯ã€ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã§ã¯ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ä½œæˆãŒé€²ã‚€ã«ã¤ã‚Œã¦ã€ä¸é€”ã§ã®è¨è¨ˆå¤‰æ›´ã‚„ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãªã©ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å†—é•·ã§æ±šã„ã‚‚ã®ã¨ãªã£ã¦ã„ãã“ã¨ãŒå¤šã„ã€‚ã“ã‚Œã‚‰ã®å•é¡Œç‚¹ã‚’è§£æ±ºã—ã€å°†æ¥ã®ä»•æ§˜å¤‰æ›´ã«æŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ‰‹ç›´ã—ã‚’è¡Œã†ã“ã¨ã‚’ã€Œãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã€ã¨ã„ã†ã€‚ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã¨ã¯ï½œrefactoring - æ„å‘³/è§£èª¬/èª¬æ˜Ž/å®šç¾© ï¼š ITç”¨èªžè¾žå…¸ ã¨ã„ã†ã“ã¨ã®ã‚ˆã†ã§ã™ã€‚ å•é¡Œç‚¹ã¯å¤§ããã‚ã‘ã¦2ã¤ã€‚ 1. ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³
bitgleams 2015/10/17
tips

web

***

css

dev

work

coding

scss

gulp
ãƒªãƒ³ã‚¯
designudge | story | 2015-10-01 23:06
U.S. Web Design Standardsã¯ã€ã‚¢ãƒ¡ãƒªã‚«åˆè¡†å›½ã®é€£é‚¦æ”¿åºœã§ä½¿ã‚ã‚Œã‚‹UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã„ã†å½¢ã§æç¤ºã—ãŸã‚‚ã®ã§ã™ã€‚ è©±é¡Œã«ãªã£ãŸã®ã§è¦‹ãŸæ–¹ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ã¡ãªã¿ã«Webã‚µã‚¤ãƒˆè‡ªä½“ã‚‚GitHubãƒªãƒã‚¸ãƒˆãƒªã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€18F/web-design-standardsã«ã¦ã¿ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ãã®æ°—ã«ãªã‚Œã°forkã§ãã‚‹ã—ã€ãƒ—ãƒ«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚ã‘ã§ã™ã€‚ ãƒªãƒã‚¸ãƒˆãƒªã®æ§‹æˆã‚‚ãƒ¢ãƒ€ãƒ³ãªã‚‚ã®ã§ã€Webã‚µã‚¤ãƒˆè‡ªä½“ã¯jekyllã§å‡ºæ¥ã¦ã„ã¾ã™ã€‚ jekyllã«ã¤ã„ã¦ã¯ã€æ”¹ã‚ã¦èª¬æ˜Žã™ã‚‹ã¾ã§ã‚‚ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä¸€å¿œæ¦‚è¦ã‚’æ›¸ã„ã¦ãŠãã¨ã€jekyllã¯é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã§ã€markdownãªã©ãªã‚“ã‚‰ã‹ã®ç°¡æ˜“ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆçµ„ã¿åˆã‚ã›ã¦é™çš„ãªHTMLã‚’å‡ºåŠ›ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®CMSã§ã™ã€‚ ã¾ãŸã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒª
bitgleams 2015/10/02
æ¤œè¨¼

dev

usa

ui

components

web

jekyll

scss

***
ãƒªãƒ³ã‚¯
Sassã®è‰²ç”Ÿæˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ä½œã‚Šã¾ã—ãŸ
ã€ŒSass Color Generatorã€ã¨ã„ã†Sassã®lightenãªã©ã®è‰²ç”Ÿæˆãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒåŠ¹çŽ‡çš„ãªã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã‚„ã™ãã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ä¾‹ãˆã°ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ãã«ãƒ¡ã‚¤ãƒ³ã®ã‚«ãƒ©ãƒ¼ã‚’æŒ‡å®šã™ã‚‹ã¨ã€ãã®è–„ã„è‰²ã‚’èƒŒæ™¯è‰²ã«ã—ãŸã‚Šã€æž ç·šè‰²ã«ã—ãŸã‚Šã™ã‚‹å ´åˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€ãã®è‰²ã‚’è¦‹ã¤ã‘ã‚„ã™ãã€ã¾ãŸæŒ‡å®šã—ã‚„ã™ãã—ã¾ã™ã€‚ ã§ãã‚‹ã“ã¨ ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã¨%ã®æ•°å€¤ã‚’å…¥åŠ›ã™ã‚‹ã¨ã€ãã®ã‚«ãƒ©ãƒ¼ã®%ã”ã¨ã®æ˜Žåº¦ã‚„å½©åº¦ã®ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸€è¦§ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä½¿ã„æ–¹ 1.ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã—ã¾ã™ã€‚ 2. %ã®æ•°å€¤ã‚’å…¥åŠ›ã—ã¾ã™ã€‚ ã“ã®æ•°å€¤ã”ã¨ã«ã€lightenãªã©ã®è‰²ãŒä½œæˆã•ã‚Œã¾ã™ã€‚ è‰²ã®èª¬æ˜Ž lightenâ€¦æ˜Žåº¦ï¼ˆä¸Šï¼‰ darkenâ€¦æ˜Žåº¦ï¼ˆä¸‹ï¼‰ saturateâ€¦å½©åº¦ï¼ˆä¸Šï¼‰ desaturateâ€¦å½©åº¦ï¼ˆä¸‹ï¼‰ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã®å”æ¥ã‚„ã€Webã‚µ
bitgleams 2014/10/02
sass

generator

color

scss

web

webdesign

tools
ãƒªãƒ³ã‚¯
WordPressã§CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µå…¥é–€
32. .site-header { background-color: #000; //max-width: 1260px; position: relative; width: 100%; z-index: 4; } .header-main { min-height: 48px; //padding: 0 10px; } ä¸€è¡Œã‚³ãƒ¡ãƒ³ãƒˆ åœ°å‘³ã«ä¾¿åˆ© 34. /* Theme Name: Hoge Theme Theme URI: http://hoge.com/ Author: hogeyama */ ! @import url('common.css'); @import url('module.css'); @import url('style.css'); @import url('print.css'); ãƒ€ãƒ¡ã‚ˆã€œ ãƒ€ãƒ¡ãƒ€ãƒ¡ ã¨ã‚ã‚‹ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«
bitgleams 2014/04/01
slides

sass

wordpress

css

css3

scss

preproceccer

web

dev

***
ãƒªãƒ³ã‚¯
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
bitgleams 2013/12/04
tools

less

sass

scss

web

css

dev

***

compass

mac
ãƒªãƒ³ã‚¯
Sassã‚’æ¥µã‚ã‚‹ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ãå®Ÿè·µã§ãã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™º | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ å‰å›žã€ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ)ã¨ã„ã†Sassã®åŸºç¤Žã«é–¢ã™ã‚‹è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚‚ã†ä¸€æ©ã¤ã£ã“ã‚“ã§ã‚‚ã£ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ã†ï¼ã¨ã„ã†è¶£æ—¨ã®ã‚‚ã¨ã€ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã£ã¦ã„ã„æ°—ã«ãªã£ã¦ã„ã‚‹åƒ•ãŒSassã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã‚‰é–¢æ•°ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ï¼ ãŸãã•ã‚“ã‚ã‚‹æ©Ÿèƒ½ã®ä¸ã‹ã‚‰ã€ä»Šå›žã¯æ¯”è¼ƒçš„ç°¡å˜ã§å®Ÿç”¨æ€§ã®é«˜ã„ã‚‚ã®ã‚’ãƒãƒ§ã‚¤ã‚¹ã—ã¾ã—ãŸã€‚ ç›®æŒ‡ã›Sassãƒžã‚¹ã‚¿ãƒ¼ï¼WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã™ãã«å®Ÿè·µã—ãŸããªã‚‹Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™ºã‚‚ãã˜ ã‚‚ãã˜ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯1ã€€ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆ&ï¼‰ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯2ã€€æ¼”ç®— ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯3ã€€round() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯4ã€€rgba() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯5ã€€ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯6ã€€å¤‰æ•° ãƒ†
bitgleams 2013/11/11
sass

tips

tutorial

åŸºæœ¬

css

scss

compass

web

dev

***
ãƒªãƒ³ã‚¯
stack3.com is for sale | HugeDomains
Make 12 monthly payments Pay 0% interest Start using the domain today. See details
bitgleams 2013/09/29
2012å¹´5æœˆ2æ—¥è¨˜äº‹ï¼ˆæ›´æ–°ï¼š2013å¹´2æœˆ12æ—¥ï¼‰

æ¯”è¼ƒ

scss

less

sass

compass

css

javascript

web

tips

***
ãƒªãƒ³ã‚¯
css2sass
Source at http://github.com/jpablobr/css2sass This simple site is created by Jose Pablo Barrantes @ http://jpablobr.com && heavily inspired by html2haml
bitgleams 2013/09/27
css

sass

scss

tools

webservice

web

coding

***

snippets
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®Sass/Compasså…¥é–€ å…ˆç”Ÿï¼šçŸ³æœ¬ å…‰å¸
ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ï¼·ï¼¥ï¼¢ç”Ÿæ”¾é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/228/room ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼Read less
bitgleams 2013/09/27
slides

åŸºæœ¬

sass

scss

compass

css

web

***

webdesign
ãƒªãƒ³ã‚¯
SassMeister | The Sass Playground!
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
bitgleams 2013/09/27
sass

tools

scss

compass

generator

webservice

css

web

***
ãƒªãƒ³ã‚¯
hamashun me : ã€ŒWebåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ã€ã¯ã€åˆå¿ƒè€…ã‹ã‚‰ä¸Šç´šè€…ã¾ã§ãŠå‹§ã‚ã§ãã‚‹ä¸€å†Š
è‘—è€…ã®å¹³æ¾¤ã•ã‚“ã€æ£®ç”°ã•ã‚“ã‹ã‚‰çŒ®æœ¬ã„ãŸã ãã¾ã—ãŸï¼ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ æœ¬æ›¸ã¯ã€Sassã®åˆå¿ƒè€…ã‹ã‚‰ä¸Šç´šè€…ã¾ã§ãŠå‹§ã‚ã§ãã‚‹ä¸€å†Šã§ã™ã€‚ä»¥ä¸‹ã®çŠ¶æ…‹ã®äººã«ã¯ã€ç‰¹ã«ãŠå‹§ã‚ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ Sassã‚’ä½¿ã£ã¦ã¿ãŸã„ã‘ã©ã€ã„ã¾ã„ã¡æŒ‘æˆ¦ã§ããªã„ ãƒã‚¹ãƒˆã‚„å¤‰æ•°ã€extend ã‚„ mixin ã¯ä½¿ã£ã¦ã‚‹ã‘ã©ã€ä»–ã®æ©Ÿèƒ½ã‚‚æ°—ã«ãªã‚‹ Sassã¯å®Ÿå‹™ã§ã‚ã‚‹ç¨‹åº¦ä½¿ã£ã¦ã‚‹ã‘ã©ã€ä½¿ã„ã“ãªã—ã®å¹…ã‚’åºƒã’ãŸã„ã®ã§ã€ä»–ã®äººãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸã„ Sassã‚’ä½¿ã£ã¦ã¿ãŸã„ã‘ã©ã€ã„ã¾ã„ã¡æŒ‘æˆ¦ã§ããªã„ æœ€åˆã®æ–¹ã‚’èªã‚€ã¨ã€ã€Œã“ã‚Œã¯åˆå¿ƒè€…å‘ã‘ã®æœ¬ã‹ãªï¼Ÿã€ã¨æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚æœ¬æ›¸ã®Sasså°Žå…¥è§£èª¬ã¯ã€ãã†æ€ãˆã‚‹ç¨‹ã«è¦ªåˆ‡ä¸å¯§ãªã®ã§ã™ã€‚ ã©ã‚Œãã‚‰ã„ä¸å¯§ã‹ã¨è¨€ã†ã¨ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã ã‘ã§ 11 ãƒšãƒ¼ã‚¸ã‚‚ä½¿ã£ã¦ã„ãŸã‚Šã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã«ã¯ Win ã¨ Mac ã®ä¸¡æ–¹ï¼ˆãƒ•ã‚©ãƒ«ãƒ€ã®ã‚¹ã‚¯ã‚·ãƒ§ã¾ã§ï¼ï¼‰ãŒè¼‰ã£ã¦ã„ãŸã‚Šã™ã‚‹ç¨‹ã§ã™ã€‚ ã€ŒSassã‚’ä½¿ã£ã¦ã¿ãŸã„ã‘ã©
bitgleams 2013/09/22
book

review

sass

scss

css

web

css3

dev
ãƒªãƒ³ã‚¯
æ›¸è©•: Web åˆ¶ä½œè€…ã®ãŸã‚ã® Sass ã®æ•™ç§‘æ›¸ - understandard
ãƒ™ã‚¿å¡—ã‚Šãƒ”ãƒ³ã‚¯ãŒç›®å°ã® Sass æœ¬ã€ã€ŒWebåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ã€ã‚’è‘—è€…ã®å¹³æ¾¤ã•ã‚“ã€æ£®ç”°ã•ã‚“ã‚ˆã‚Šé ‚æˆ´ã—ã¾ã—ãŸã€‚ é›»åæ›¸ç±ã¨ã—ã¦ã¯éŽåŽ»ã« Gihyo Digital Publishing ã‚ˆã‚Š ã€ŒSasså…¥é–€ ï½žã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãŒå‡ºç‰ˆã•ã‚Œã¦ã„ã¾ã™ãŒã€ç´™ã®æ›¸ç±ï¼ˆãªã‚“ã‹å¤‰ãªè¡¨ç¾ã ãªï¼‰ã¨ã—ã¦ã¯æ—¥æœ¬åˆã¨ã®ã“ã¨ã§ã™ã€‚ 10æœˆã«ã¯é›»åæ›¸ç±ç‰ˆã‚‚å‡ºç‰ˆäºˆå®šã¨ã®ã“ã¨ãªã®ã§ã€é›»åæ›¸ç±æ´¾ã®æ–¹ã¯ã“ã¡ã‚‰ã‚‚æ³¨ç›®ã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ 2013å¹´10æœˆ7æ—¥è¿½è¨˜: Kindle ç‰ˆãŒè²©å£²é–‹å§‹ã—ãŸã‚ˆã†ã§ã™ã€‚ Webåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ã¯ã€ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆãŒé–‹è¨ã•ã‚Œã¦ãŠã‚Šã€æ£èª¤è¡¨ã‚„ã€ç›®æ¬¡ã€ç¬¬1ç« ã®è©¦ã—èªã¿ PDFã€å„ç« ã”ã¨ã®å‚è€ƒãƒªãƒ³ã‚¯é›†ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãªã©ã€ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹å†…å®¹ã«å¤‰æ›´ãŒã‚ã‚‹å ´åˆãªã©ã«ã¯ Facebook ãƒšãƒ¼ã‚¸ã®ã»ã†ã§ã‚‚æŠ•ç¨¿ãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã€Facebook
bitgleams 2013/09/15
2013å¹´9æœˆ15æ—¥è¨˜äº‹

book

review

sass

scss

css

dev

web

***
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ - å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ
ã“ã®ã‚µã‚¤ãƒˆã¯ã€2013å¹´9æœˆ13æ—¥ã«ç™ºå£²ã—ãŸã€æ›¸ç±ã€ŒWebåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ ã“ã‚Œã‹ã‚‰ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¾å ´ã§å¿…é ˆã®CSSãƒ¡ã‚¿è¨€èªžã€ã®å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã§ã™ã€‚ 2017å¹´9æœˆ15æ—¥ã«æ”¹è¨‚2ç‰ˆã‚‚ç™ºå£²ã—ã¾ã—ãŸï¼ æ”¹è¨‚2ç‰ˆã®ç™ºå£²ã«ä¼´ã£ã¦ã€åˆç‰ˆã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚äº†ã•ã›ã¦é ‚ãã¾ã™ã€‚
bitgleams 2013/09/07
æ›¸ç±ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã€‚

book

web

scss

sass

compass

å…¬å¼

css

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

sass

scss

css

coding

tips

snippets

***

web

compass
ãƒªãƒ³ã‚¯
Motherplate - A bare bones HTML5 CSS3 SCSS responsive boilerplate
Motherplate - A bare bones HTML5 CSS3 SCSS responsive boilerplate A few years back I blogged about having a ready to use HTML framework for your projects. A lot has changed since then. Resources like HTML5 Boilerplate and Bootstrap have come along, and my own boilerplate has evolved a lot. For a long time I was using H5BP, then I realised there was a lot of it I didnâ€™t use, so I cut it down to wha
bitgleams 2013/07/16
scss

css3

css

html5

boilerplate

responsive

webdesign

framework

web

***
ãƒªãƒ³ã‚¯
PCCSã®SCSSã§ã®ä½¿ç”¨: VCware Web Pattern Language
ãƒ»ãƒ»ãƒ»VCwareãŒWEBã‚µã‚¤ãƒˆï¼ˆã‚„ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã€ãã®ä»–å°åˆ·ç‰©ãªã©ï¼‰ã®ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’è¡Œã†ã•ã„ã€ã€Œé…è‰²ã€ï¼ˆã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ãƒˆï¼‰ã«ã¯ã€åŽŸå‰‡ã¨ã—ã¦PCCSï¼ˆæ—¥æœ¬è‰²ç ”é…è‰²ä½“ç³»ï¼‰ã‚’ç”¨ã„ã‚‹ã€‚ ã“ã‚Œã¯ç°¡ä¾¿ã®ãŸã‚ã§ã‚ã‚‹ã€‚ ã€Œè‰²å½©èª¿å’Œã€ï¼ˆã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ¢ãƒ‹ãƒ¼ï¼‰æŠ€è¡“ã®ã‚ã‚‰ã‚†ã‚‹æ‰‹æ³•ã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã€ã‚ã‚‰ã‹ã˜ã‚ãƒžãƒƒãƒã™ã‚‹ã‚ˆã†ã«ä½“ç³»åŒ–ã•ã‚Œã¦ã„ã‚‹ã®ãŒPCCSã§ã‚ã‚‹ã€‚ ã¾ã•ã«ã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ¢ãƒ‹ãƒ¼ã®ãŸã‚ã«ä½“ç³»åŒ–ã•ã‚ŒãŸè‰²å½©ä½“ç³»ã§ã‚ã‚‹ãŸã‚ã€é–“é•ã„ãŒç”Ÿã˜ã«ãã„ã€‚ VCwareã§ã¯CSSã®è¨˜è¿°ã«SCSSè¨˜æ³•ã‚’ç”¨ã„ã‚‹ãŸã‚ã€ã“ã®é …ç›®ã¯ã‚‚ã£ã¨ã‚‚é‡è¦ã§ã‚ã‚‹ã€‚ ã‚‚ã¡ã‚ã‚“ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®è¦æœ›ã«å¿œã˜ã¦ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚½ãƒ¼ãƒˆã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã¯æ±ºå®šã•ã‚Œã‚‹ã¹ãã§ã‚ã‚Šã€ãã®ã•ã„ã«ã¯ä½“ç³»ã§å®šç¾©ã•ã‚ŒãŸå€¤ã®ã‚ºãƒ©ã‚·ãŒå¿…è¦ã¨ãªã‚‹ã€‚ãã®å ´åˆã§ã‚‚ã€ç°¡æ˜“çš„ã«PCCSã«ãŠã‘ã‚‹è¿‘ä¼¼å€¤ã§é…è‰²ã‚’ã—ã¦ãŠãã€ã‚ã‚‹ç¨‹åº¦ã‚³ãƒ³ã‚»ãƒ—ãƒˆãŒå›ºã¾ã£ãŸæ®µéšŽã§ã€æ–°ãŸãªè‰²å½©ä½“ç³»ã®SCSSå¤‰æ•°ãƒ•ã‚¡
bitgleams 2013/04/05
scss

web

color

design

css

tips

reference
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’çŸ¥ã£ã¦ãŠã“ã† â€“ ç•ªå¤–ç·¨ | DevelopersIO
ã¯ã˜ã‚ã« å‰å›žã®è¨˜äº‹ã€Œã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œMixinsã‚’ä½œã£ã¦ã¿ã‚ˆã†ç·¨ã€ã€Œã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ã‚·ãƒªãƒ¼ã‚ºã€ã§SCSSãƒ»Compassã®ä¸€èˆ¬çš„ãªæ©Ÿèƒ½ã®ç´¹ä»‹ã‚’ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ç•ªå¤–ç·¨ã¨ã—ã¦SCSS, Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã§ä½•ã‚’ã™ã‚‹ã‹ï¼Ÿ Compassã«ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚„Javascriptã€ç”»åƒãƒ»ãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹å‡¦ç†ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã¯åŸºæœ¬çš„ã«è¨å®šã‚’ã„ã˜ã‚‰ãªãã¦ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€ã‚µãƒ¼ãƒãƒ¼ã®ç’°å¢ƒã‚„åˆ©ç”¨ã™ã‚‹CMSãªã©ã«ã‚ˆã£ã¦ãƒ‘ã‚¹ã‚’åˆ¶å¾¡ã™ã‚‹å¿…è¦ãŒã‚ã‚‹æ™‚ã«è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰å‡ºåŠ›ã™ã‚‹ãƒ‘ã‚¹ã‚’åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã©ã‚“ãªè¨å®šé …ç›®ãŒã‚ã‚‹ã‹ï¼Ÿ æœ¬å®¶ã®è¨å®šã«é–¢ã™ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã“ã¡ã‚‰ã€ŒConfiguration Referenceã€ã€ã¯ã„è‹±èªžã§ã™ã€‚ ã§ã™ãŒã€ãªãªã‚“ã¨ã™ã§ã«æ—¥æœ¬èªžã®è¶…è¨³ Configuration
bitgleams 2013/03/20
2012å¹´11æœˆ9æ—¥è¨˜äº‹

scss

css

web

dev

sass

compass

åŸºæœ¬

è¨å®š

***
ãƒªãƒ³ã‚¯
æ˜”ã®CSSã‚’Lessã¨ã‹Sassã«ã—ãŸã„ã®
ã©ã‚‚ã€ç™½ã§ã™ã€‚ãƒ›ãƒ¯ã‚¤ãƒˆãƒ‡ãƒ¼ã¯æ¥æœˆã§ã™ï¼ˆã¯ã„ï¼‰ã€‚ ã•ã¦ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã‚’å¯¾è±¡ã«ã—ãŸã‚Šã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãã¨ãªã‚‹ã¨CSSã‚’æ›¸ãã®ã‚‚å¤§å¤‰ã§ã™ã€‚ãã‚“ãªæ™‚ã¯ã€Œç´ ã®CSSãªã‚“ã¦æ›¸ã„ã¦ã‚‰ã‚Œã£ã‹ã€ãƒã‚«ãƒ¤ãƒãƒ¼ï¼ï¼ˆã‚¬ãƒ©ã‚¬ãƒ©ã‚¬ãƒƒã‚·ãƒ£ãƒ¼ãƒ³ï¼‰ã€ã£ã¦ãªã‚‹ã®ã§ã€æœ€è¿‘è©±é¡Œã®ã€ŒLessã€ã‚„ã€ŒSassï¼ˆ+Compassï¼‰ã€ã€ŒStylusã€ã¨ã„ã£ãŸCSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ã£ã¦ãƒ†ãƒ¼ãƒžã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½œã‚‹äººã‚‚ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ æ–°è¦ã§ä½œã‚‹å ´åˆã¯è‡ªåˆ†ã®å¥½ããªãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ãˆã°ã„ã„ã—ã€ã€ŒForgeã€ãªã‚“ã¦ã„ã†Sass / CoffeeScriptãªãƒ†ãƒ¼ãƒžé–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¿ãŸã„ãªã®ï¼ˆè¦Ruby / RubyGemsï¼‰ã‚‚ã‚ã‚‹ã‚“ã§ã™ãŒã€æ˜”æ§‹ç¯‰ã—ãŸã‚µã‚¤ãƒˆã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã‹ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®æ™‚ãªã©ã€æ—¢å˜ã®ãƒ†ãƒ¼ãƒžã‚’å…ƒã«ã„ã˜ã‚‰ãªã„ã¨ã„ã‘ãªã„å ´åˆã¯ãã£ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã“ã¨ã§ã—ã‚‡ã†ï¼ˆç¬‘ï¼‰ã€‚ ã—ã‹ã—ã€ä¸–ã®ä¸ã«ã¯ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ã¦ãã ã•ã‚‹é–‹
bitgleams 2013/02/15
css

sass

less

scss

stylus

coding

tips

ã¾ã¨ã‚

web

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

sass

coding

web

dev

compass

scss
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸