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

feb223 id:feb223

sassã«é–¢ã™ã‚‹feb223ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„
8/10ã«3.2ã€8/15ã«ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã—ãŸ3.2.1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ ãŸã ã§ã•ãˆãƒ¤ãƒã‚¤ãã‚‰ã„é«˜æ©Ÿèƒ½ãªSassãŒã¾ã™ã¾ã™ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã—ãŸã€‚ Sassä¿¡è€…ã®ã¿ãªã•ã‚“ã¯ã™ã§ã«ãŠä½¿ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ æ™’ã—ãŸã‚½ãƒ¼ã‚¹ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§è©¦ã›ã¾ã™ã€‚ jsdo.itã‚‚å¯¾å¿œã—ã¦ã¾ã™ã€‚ @content ã“ã‚Œã¯mixinã«ãƒ–ãƒãƒƒã‚¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¸¡ã›ã‚‹ã‚ˆã†ã«ã™ã‚‹åˆè¨€è‘‰ã€‚ mixinã‚’ä½œã‚‹æ™‚ã€æ¸¡ã•ã‚ŒãŸãƒ–ãƒãƒƒã‚¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å…¥ã‚ŒãŸã„å ´æ‰€ã«@contentã‚’é…ç½®ã™ã‚‹ã¨ @mixin iphone { @media only screen and (max-width: 480px) { @content; } } @includeã™ã‚‹ã¨ãã«æ³¢æ‹¬å¼§ã§æ‹¬ã£ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¸¡ã›ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ @include iphone { body { color: red } } ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚Œã°ã“ã®ã¨ãŠã‚Šã€@mixinã®å†…å®¹ï¼‹æ¸¡ã—ãŸ
feb223 2016/12/09
sass

CSS

SCSS
ãƒªãƒ³ã‚¯
Sassãƒ¡ãƒ¢ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
feb223 2016/07/13
sass

Sass

SCSS
ãƒªãƒ³ã‚¯
Bootstrap4ã®ä¸»ãªæ›´æ–°ç‚¹ - Qiita
ã“ã†ã—ã¦è¦‹ã¦ã¿ã‚‹ã¨ã€ä¸€æ®µéšŽä¸Šã®ã‚µã‚¤ã‚ºãŒè¿½åŠ ã•ã‚ŒãŸã¨ã„ã†ã‚ˆã‚Šã‚‚ã€xs ã¨ sm ã®é–“ãŒç´°ã‹ããªã£ãŸã¨ã„ã†æ„Ÿã˜ã§ã™ãã€‚ flexboxã®ã‚µãƒãƒ¼ãƒˆ $enable-flex: true;ã‚’è¨å®šã™ã‚‹ã“ã¨ã§flexbox LayoutãŒä½¿ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€tableã‚„floatã‚’ä½¿ã£ã¦ã„ãŸæ§˜ã€…ãªãƒãƒƒã‚¯ãŒæ”¹å–„ã•ã‚Œã‚‹ã¨ã®ã“ã¨ã€‚ãŸã ã—ã€IE9ã¯flexbox Layoutã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚‰ãšã€IE10ã§ã‚‚å¤ã„ä»•æ§˜ã«ã—ã‹å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã“ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯falseã«ãªã£ã¦ã„ã¾ã™ã€‚ well, thumbnail, panel ã‚’å»ƒæ¢ã€card ã«çµ±ä¸€ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã® well, thumbnail, panelãŒãªããªã‚Šã€cardã«çµ±ä¸€ã•ã‚Œã¾ã—ãŸã€‚ CSSãƒªã‚»ãƒƒãƒˆã‚’ Reboot ã¨ã„ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«çµ±ä¸€ CSSãƒªã‚»ãƒƒãƒˆã«ã¯ã€Bootstrap3ã§ã¯Normalize.cs
feb223 2015/08/26
Bootstrap

css

ES6

sass
ãƒªãƒ³ã‚¯
GitHub - t32k/maple: A better front-end boilerplate.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
feb223 2015/05/26
css

sass

framework
ãƒªãƒ³ã‚¯
htmlã‚’æ‹¡å¼µã™ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«Hammerã€Macã€‘ | Sou-Lablog
ã‚½ã‚¦ãƒ©ãƒ–ãƒã‚°ã¾ãŸã¯ã‚½ã‚¦ãƒ©ãƒœãƒã‚°ã€‚Webãªã©ã®Blogã€‚å¤šåˆ†ã€‚2012å¹´ã¯Sass,LESSã«ä»£è¡¨ã•ã‚Œã‚‹cssæ‹¡å¼µãƒ¡ã‚¿è¨€èªžãŒãƒ–ãƒ¬ã‚¤ã‚¯ã—ãŸå¹´ã ã£ãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ å¤‰æ•°ã‚„mixinãªã©ä¸€åº¦ã¤ã‹ã†ã¨ç´ ã®cssã«ã¯æˆ»ã‚Œãªã„ãã‚‰ã„é…åŠ›çš„ãªæ©Ÿèƒ½ãŒå¢—ãˆã¾ã™ã‚ˆãã€‚ ãã—ã¦ã“ã®åº¦htmlã§ã‚‚å¤‰æ•°ã€ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ãªã©ãŒä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ãŒç™»å ´ã—ã¾ã—ãŸã‚ˆã€‚ ãã®åã‚‚Hammer for Macã§ã™ã€‚ Hammer (ï¿¥2,100) Hammer for Macã¯Sass,LESSã®æ§˜ãªãƒ¡ã‚¿è¨€èªžã§ã¯ãªãã€Macã®GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ã‚©ãƒ«ãƒ€ã‚’ç›£è¦–ã—æ›´æ–°ãŒã‚ã‚‹æ¯Žã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è‡ªå‹•ã§ãƒ“ãƒ«ãƒ‰ã—ã¦ãã‚Œã¾ã™ã€‚ Hammerã®ä¸»ãªæ©Ÿèƒ½ã¨ã—ã¦ã€ å¤‰æ•°ï¼ˆhtmlï¼‰ ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ï¼ˆhtmlï¼‰ ãƒ‘ã‚¹ã®è‡ªå‹•è£œå®Œï¼ˆhtml,cssï¼‰ Sassã€CoffeeScriptã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« ã‚ªãƒ¼ãƒˆãƒªãƒãƒ¼ãƒ‰ ãªã©ã®æ©Ÿèƒ½ãŒ
feb223 2014/02/19
css

Mac

sass

less

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
1