Sass – WebTecNote

[Sass] SassError: There is no module with the namespace “math”.

2021/06/072021/06/14 Tenderfeel

昔から、Sassで / （スラッシュ）使うと、割り算なのか区切りなのかぱっと見判別できなくてややこしいなあと思ってたんだけど、中の人もそう思ってたようだ。とうとう割り算としての利用が廃止になるらしい。

[CSS] 縦スクロールのニュースティッカー

2018/08/222018/08/22 Tenderfeel

縦方向に１件ずつスクロール表示するやつ See the Pen Pure CSS News Ticker (vertical) by Tenderfeel (@Tenderfeel) on CodePen. 表示エリアの … “[CSS] 縦スクロールのニュースティッカー”の続きを読む

[CSS] rem でフォントサイズを相対指定する

2014/09/26 Tenderfeel

以前「YUI Fonts CSS でフォントサイズを相対指定する」という記事を2008年に書いたんだけど、 6年後(!!)の現在はremで指定しているのでそれについてメモっておく。

[WP] Underscoresでカスタムテーマを作る：Bootstrap(Sass)導入編

2014/07/102014/07/16

Underscores で魔改造したメモその３。 Sass版のBootstrapをBowerでインストールして部分的にimportして使ってみる。 Compass導入編ナビゲーションメニュー改造編 Bootstrap( … “[WP] Underscoresでカスタムテーマを作る：Bootstrap(Sass)導入編”の続きを読む

[Sass] @extend の挙動

2013/08/012013/08/01

classとplaceholder selecterについてそれぞれ@extendを試みた以下のSCSSをコンパイルする。 %ext { color:red; &::before { content: ‘ext’; } … “[Sass] @extend の挙動”の続きを読む

[Sass] Speech Bubble(tail) Mixin

2013/02/252013/12/27

CSSでふきだし作る時に最も面倒くさいしっぽを全方位カバーしたmixinが出来てしまいました。 Sassだけで動作します。しっぽの向きはtriangle generatorと同じ。枠線がある場合、しっぽの大きさを超え … “[Sass] Speech Bubble(tail) Mixin”の続きを読む

9日目:CSS Preprocessor Advent Calendar 2012

2012/12/092012/12/09

CSS Preprocessor Advent Calendar 2012の9日目です。今年の8月にSassの神バージョンアップがあった勢いでレポートを書いたんです。社内にSass使い増えるといいなーと思って書いては … “9日目:CSS Preprocessor Advent Calendar 2012″の続きを読む

[Sass+Compass] Rubyで作るカスタム関数と設定

2012/10/03

RubyでSassの@functionを作ると色々やれて便利です。 CompassのConfig使うとより便利です。

[Compass] 超訳 Configuration Reference

2012/09/302013/11/07

CSSのメタ言語、Sassベースで作られた便利なフレームワーク、それがCompass。 Compassの設定ファイルはRubyファイルです。これはRubyを知っていれば色々なことが出来るということなんですが、逆にRub … “[Compass] 超訳 Configuration Reference”の続きを読む

[Sass] Sass 3.2で実装された新機能がヤバい

2012/08/312019/08/22 Tenderfeel

8/10に3.2、8/15にバグフィックスした3.2.1がリリースされてただでさえヤバイくらい高機能なSassがますますパワーアップした。 Sass信者のみなさんはすでにお使いでしょうか？

[Sass + Compass] dataURL background mixin

2012/07/19

画像のdataURL化と50%縮小するbackground-sizeの書き出しを同時に行うmixin @mixin data-background($image){ background-image:inline-ima … “[Sass + Compass] dataURL background mixin”の続きを読む

[Sass] Compass CSS3-animations snipets & mixin

2012/05/092012/07/19

CompassのCSS3モジュールでは transitionsのmixinがあるのにanimationsはないので -mozとかのプレフィックスが欲しい時にはexperimentalを使うしか無い感じ。 @include … “[Sass] Compass CSS3-animations snipets & mixin”の続きを読む