東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

scss

【sass】compassの忘れそうなもの

transform @include transform(perspective(300px) rotateX(30deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 50px, 0px)); transform-origin @include transform-origin(center,top);【参考url】 http://jsdo.it/shuuuuun/gNlr backface-visibility:hi…

【sass】sassフレームワークprofoundgridの使いかた

①sassフォルダにダウンロードデータの中のprofoundgrid/sass/grid/_grid.scssを入れる②style.scssの冒頭に @import "_grid.scss";をいれる③すぐ下のおれおれ変数ゾーンに以下の変数を入れる。 ※ここで注意したいことが。この3つに「%指定」と「px指定」が混…

【sass】縦書き横書きsass

%tategaki{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } %yokogaki{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: lr-tb; }

【sass】指定のnth-childを繰り返し処理

パターン1 下記のsassで @for $i from 0 through 3 { .effect_ul li:nth-child(#{$i + 1}) { margin-top:0; } } 以下のcssが出力される .effect_ul li:nth-child(1){ margin-top;0; } .effect_ul li:nth-child(2){ margin-top;0; } .effect_ul li:nth-child(…

sass メモ

ネスト #main { section { margin-bottom: 50px; h1 { font-size: 140%; } p, ul { margin-bottom: 1.5em; } p.notes { color: red; } } } 子孫セレクタ以外のセレクタのネスト #main { section { + section { margin-top: 50px; } > h1 { font-size: 140%; …