第一弾は、１〜１０の数字を覚えるためのアプリ。http://jsdo.it/dentaq/num_memoryアプリへの直リンクはこちら http://jsrun.it/dentaq/num_memory自分の使っているGalaxy S3に最適化されています。悪しからず。 jsdo.itからfolkして必要に応じてcssの19行…

同じ構造のマークアップをするときはこんな感じでmixinで記述。page.html.haml %dl.name %dt{title: 'なまえ' } なまえ %dd #{you.name} _page.scss dl { @include profile-images(name, pname); } _mixins.scss @mixin profile-images($class, $name) { &.#…

同じ構造のマークアップをするときはこんな感じでmixinで記述。page.html.haml %dl.name %dt{title: 'なまえ' } なまえ %dd #{you.name}_page.scss dl { @include profile-images(name, pname); } _mixins.scss @mixin profile-images($class, $name) { &.#{…

@each $class in hoge, hoge, hoge { @each $file-name in fuga, fuga, fuga { .#{$class} { @extend .profile-#{$file-name}; @mixin hoge($class, $name) { > $class { > dt { @extend . profile-#{$name}; } } } @include hoge(name, hd_pname); ↑class, …

@each $class in hoge, hoge, hoge { @each $file-name in fuga, fuga, fuga { .#{$class} { @extend .profile-#{$file-name}; @mixin hoge($class, $name) { > $class { > dt { @extend . profile-#{$name}; } } } @include hoge(name, hd_pname); ↑class, …