Sassã§è‰²ã‚’調整ã™ã‚‹ - Qiitasassã§ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã‚’å…ƒã«è‰²ã®å¤‰æ›´ã‚’è¡Œã†é–¢æ•°ã‚’忘れãŒã¡ãªã®ã§ãƒ¡ãƒ¢ HSL［色相（Hue）ã€å½©åº¦ï¼ˆSaturation）ã€è¼åº¦ï¼ˆLightness）］ベース Photoshopç‰ã§ä½¿ç”¨ã•ã‚Œã‚‹HSB(HSV)［色相（Hue）ã€å½©åº¦ï¼ˆSaturation）ã€æ˜Žåº¦ï¼ˆBrightness・Value）］ã§ã¯ãªã„ HSBã§è‰²ã‚’変æ›ã—ãŸã„ã¨ãã¯ã€ŒSassã§è‰²ç©ºé–“『HSBã€ã‚’扱ã†é–¢æ•°ã‚’作ã£ãŸè©±ã€ã§é–¢æ•°ã‚’作æˆã•ã‚Œã¦ã„ã¾ã™ 色相ã®å¤‰æ›´ adjust-hue($color, $degrees) 色相環ã®åº¦æ•°($degrees)ã‚’â—‹â—‹degã§æŒ‡å®š // ベースã¨ãªã‚‹è‰² $base-color: #79a5e0; .adjust-hue { color: adjust-hue($base-color, 60deg); }
Blog - LINE ENGINEERING
Compass: config.rb を詳ã—ãã¿ã‚‹ | DriftwoodJP
Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã€Œconfig.rbã€ã®ç·¨é›†æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
gumbyframework.com
Sass - ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Sassã§è¡Œã“ã†ï¼
sassを使ã£ã¦CSSã®ã‚ã‚“ã©ãã•ã„ç¹°ã‚Šè¿”ã—部分を楽ã«è¨˜è¿°ã™ã‚‹ | CSS-EBLOG
sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹ « NAVER Engineers' Blog
[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„![[Sass] Sass 3.2ã§å®Ÿè£…ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒãƒ¤ãƒã„](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例
Sass を今ã™ã実務ã§ä½¿ãŠã†ã‚ˆï¼ « NAVER Engineers' Blog
http://atnd.org/events/21919
圧縮後ã®JavaScriptやコンパイル後ã®CoffeeScriptã§ã‚‚ã€ãƒ–ラウザ上ã§å…ƒã®ã‚½ãƒ¼ã‚¹ã‚’å‚ç…§ã§ãる新技術「Source Mapsã€ç™»å ´
Sass: Built-In Modules
ã¯ã¦ãªã«ãŠã‘ã‚‹CSSメタ言語（CSSプリプãƒã‚»ãƒƒã‚µï¼‰ã®å°Žå…¥ã«ã¤ã„㦠- Hatena Developer Blog
Sassã€ãã—ã¦Sassy CSS (SCSS)
{{#tags}}- {{label}}
{{/tags}}