[B! SCSS] rinxmoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rinxmoon id:rinxmoon

SCSSã«é–¢ã™ã‚‹rinxmoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

wordpress ãƒ†ãƒ¼ãƒžåˆ¶ä½œã§ scss / compass ã‚’ä½¿ã†æ™‚ã€ã¯ã˜ã‚ã«è¨å®šã™ã‚‹ã“ã¨
æœ€è¿‘ã€å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸã€Œscssã€ã¨ã€Œcompassã€ã‚’ä½¿ã„å§‹ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã ã¾ã ä½¿ã„ã“ãªã›ã¦ã„ãªã„ã¾ã§ã‚‚ã€åˆæ©çš„ãªã“ã¨ã‚’è¦šãˆã‚‹ã ã‘ã§ã‚‚ã€ã‚°ãƒƒã¨åŠ¹çŽ‡ãŒä¸ŠãŒã‚Šã¾ã™ã€‚ä»Šå›žã¯WordPressã®ãƒ†ãƒ¼ãƒžä½œæˆã‚’è¡Œã†éš›ã«ã€æº–å‚™ã—ã¦ãŠãã¨ä½¿ã„ã‚„ã™ã„è¨å®šã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ä½¿ã„å§‹ã‚ãªã®ã§ã€è¨˜è¿°ã«ãƒŸã‚¹ãŒã‚ã‚‹ã‹ã‚‚ã§ã™ãŒã€ãã®éš›ã¯ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚Œã°ã‚ã‚ŠãŒãŸãã€‚ ã¾ãŸã€ç’°å¢ƒã¯ã€ŒMac OS X Maverick ï¼‹ coda 2ã€ã§åˆ¶ä½œã—ã¦ã„ã¾ã™ã€‚ ãªãŠã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ã¾ã¨ã‚ã¦ãŠã‚Šã¾ã›ã‚“ã®ã§ã€è¨˜äº‹æœ«å°¾ã®å‚è€ƒURLã‚’ã”ç¢ºèªã„ãŸã ã‘ã‚Œã°ã€‚ WordPress ãƒ†ãƒ¼ãƒžã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ ã«åˆã‚ã›ã‚‹ ã”å˜çŸ¥ã®é€šã‚Šã€WordPressã®ãƒ†ãƒ¼ãƒžã¯ã€Œstyle.cssã€ã‚’å…ƒã«ã—ã¦ã„ã¾ã™ã€‚é€šå¸¸ã®ãƒ†ãƒ¼ãƒžã§ã¯cssãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€ã“ã®ã€Œstyle.cssã€ã®ã¿ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ scss / compass ã§ã¯ã€åˆ†
rinxmoon 2014/10/06
"Webåˆ¶ä½œ

WordPress

SCSS

compass
ãƒªãƒ³ã‚¯
ã€ŒSublime Textã€ã®ã¿ã§Compassã¨Sassï¼ˆScssï¼‰ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã®ã§ãã®æ‰‹é †ã¨å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
HOME>Web>ã€ŒSublime Textã€ã®ã¿ã§Compassã¨Sassï¼ˆScssï¼‰ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã®ã§ãã®æ‰‹é †ã¨å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚ Compassã€Sassï¼ˆScssï¼‰ã¨ã¯ï¼Ÿ Sassï¼ˆScssï¼‰ã¨ã¯ï¼Ÿ Sassï¼ˆScssï¼‰ã¨ã¯ã€CSSã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸãƒ¡ã‚¿è¨€èªžã®ã“ã¨ã€‚é•·ããªã‚ŠãŒã¡ãªã‚³ãƒ¼ãƒ‰ã‚’çŸãã§ããŸã‚Šã€é–¢æ•°ãªã©ã‚’ä½¿ç”¨ã—ã¦ã‚ˆã‚Šä¾¿åˆ©ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒæ›¸ã‘ã‚‹ã¨ã„ã†ä»£ç‰©ã§ã™ã€‚CSSã®ç®¡ç†ãŒéžå¸¸ã«æ¥½ã«ãªã‚Šã¾ã™:) Sassã«ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’ã™ã‚‹ã€ŒSassã€ã¨ã€ã‚ˆã‚ŠCSSã«è¿‘ã„è¨˜è¿°ãŒå¯èƒ½ãªã€ŒScssã€ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€æ ¹æœ¬çš„ã«ã¯å¤‰ã‚ã‚Šã‚ã‚Šã¾ã›ã‚“ã€‚ï¼ˆè¨˜è¿°æ–¹æ³•ãŒé•ã†ï¼‰ ã¡ãªã¿ã«ã€ç§ã¯Scssã‚’åˆ©ç”¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã® ã§ã¯ã¡ã‚‡ã„ã¨å®Ÿä¾‹ã‚’ã°ã€‚Scssã§ã¯CSSã‚’ç°¡å˜ã«æ›¸ããŸã‚ã®ãƒ«ãƒ¼ãƒ«ãŒãŸãã•ã‚“ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§ã•ã£ãã‚Šã¨ã”ç´¹ä»‹ã€‚ [css]
rinxmoon 2014/07/27
"Webåˆ¶ä½œ

sublimetext

SCSS
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆFont Awesomeã®SCSSç‰ˆã‚’ä½¿ã£ã¦ã¿ã‚‹ | DevelopersIO
ç”»åƒä½œã‚‹ã®ã£ã¦é¢å€’ã§ã™ã‚ˆãã€‚æœ€è¿‘ã¯Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®å¯¾å¿œã§è§£åƒåº¦åˆ¥ã«ç”»åƒã‚’ä½œã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„æ©Ÿä¼šã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚å€‹äººçš„ã«ã¯ã§ãã‚‹ã ã‘ç”»åƒã¯ä½¿ã„ãŸããªã„ã€‚å°‘ã—å‰ã«ç™»å ´ã—ãŸWebã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã£ã¦ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã‚’è‡ªä½œã™ã‚‹ã®ã¯ã‹ãªã‚Šé¢å€’ã§ã™ã€‚ãã‚“ãªã‚ã‘ã§å°‘ã—å‰ã‹ã‚‰è©±é¡Œã«ãªã£ã¦ã„ãŸWebã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’è©°ã‚åˆã‚ã›ãŸCSSã€ŒFont Awesomeã€ã‚’ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Webã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’è‡ªä½œã—ãŸæ™‚ã®è¨˜äº‹ã‚‚éŽåŽ»ã«æ›¸ã„ã¦ã„ã‚‹ã®ã§ã‚ˆã‘ã‚Œã°ã“ã¡ã‚‰ã‚‚ã©ã†ãžã€‚ ã€å‰ç·¨ï¼šãƒ•ã‚©ãƒ³ãƒˆä½œæˆã€‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ ã€å¾Œç·¨ï¼šWebãƒ•ã‚©ãƒ³ãƒˆåŒ–ã€‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ æ³¨æ„ ä»Šå›žã¯ç¶™æ‰¿ã—ãŸã‚Šã€Classã‚’æ›¸ãæ›ãˆãŸã‚Šã§ãã‚‹SCSSç‰ˆã‚’ä½¿ã£ã¦ã¿ãŸã„
rinxmoon 2013/10/05
"Webåˆ¶ä½œ

SCSS

Webãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Sassã¨ã„ã†CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’èº«ã«ã¤ã‘ã‚ˆã†!in Coda2!!è¶…ç°¡å˜ãªåƒ•ã®Sassè¦šæ›¸ã€‚
åŠå¹´ã»ã©å‰ã‹ã‚‰è‰¯ãè©±é¡Œã«ãªã‚‹Sassã¨ã‹Lessã¨ã‹ã£ã¦ãªã‚“ã ã‚ã†ãªãƒ¼ã£ã¦æ€ã„ã¤ã¤ã‚ã‚“ã©ãã•ãã†ã ã‹ã‚‰ã“ã®æ‰‹ã®è¨˜äº‹ã¯å›žé¿ã—ã¦ã„ã¾ã—ãŸã€‚ ã§ã™ãŒã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«Twitterã§ã¤ã¶ã‚„ã„ã¦ã„ãŸã‚‰Sassã‹ãªã‚Šè‰¯ã„ã‚ˆã£ã¦è¨€ã‚ã‚Œã¦ ã€Œã¸ãƒ¼ãã†ãªã‚“ã ã€œã€ã¨èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¦ å°‘ã—ãšã¤ã§ã™ãŒè¨˜äº‹ã‚’èªã¿ã‚ã•ã‚ŠãªãŒã‚‰Sassã£ã¦ã“ã†ã‚†ã†æ„Ÿã˜ãªã‚“ã ãƒ¼ã£ã¦ã„ã†ã®ãŒæŽ´ã¿ã‹ã‘ã¦ããŸã®ã§è¨˜äº‹ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Coda2ã§æ¤œç´¢ã—ã¦æ¥ãŸæ–¹ã¸ ã“ã®è¨˜äº‹ã§ã¯Coda2ã®äº‹ã«ã¤ã„ã¦ã‚ã¾ã‚Šè§¦ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ã§ã™ãŒã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§ãŒã£ã¤ã‚Šcoda2ã®é…åŠ›ã‚’èªžã£ã¦ã„ã¾ã™ã®ã§æ˜¯éžã”è¦§ã«ãªã£ã¦ä¸‹ã•ã„ã€‚ å‚è€ƒè¨˜äº‹ï¼šCoda2ã®ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼å‡ºæ¥ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«[å®Œå…¨ç‰ˆ] Sassã£ã¦ãªãƒ¼ã«? CSSã‚’æ‹¡å¼µã—ã‚ˆã†!ã£ã¦ã„ã†æ„Ÿã˜ã®ãƒ¡ã‚¿è¨€èªžã‚‰ã—ã„ã§ã™!ã‚µã‚¹ã£ã¦èªã‚€ã‚‰ã—ã„ã§ã™ã€‚ãªã‚“ã ã‹åƒ•çš„ã«ã¯ã„ã„éŸ¿ã!ã€Œã‚°ã‚°ã‚‹ã€ã¨ã‹ã¨ä¼¼ã¦ã„ã‚‹ã‹ã‚‚ã€‚ã€ŒSass
rinxmoon 2013/06/17
ã‚ã‹ã‚Šã‚„ã™ã„ï¼ ãƒ»ãƒ»ãƒ»ã‘ã©ã€Sassã¨ScssãŒé€†ã«ãªã£ã¦ã‚‹ã¨ã“ã‚ãŒã‚ã‚‹ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã€‚ã‚„ã£ã±ã‚Šåˆ†ã‹ã‚Šã«ãã„ã€‚

"Webåˆ¶ä½œ

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

SCSS

Coda
ãƒªãƒ³ã‚¯
1