Skip to content

Instantly share code, notes, and snippets.

@sawadays0118
sawadays0118 / Default(Windows).sublime-keymap
Created December 21, 2014 14:56
【Sublime Text】簡単フォントサイズ指定【Emmet】 ref: http://qiita.com/sawadays0118/items/58675eac9a22477644b1
{
"keys": ["ctrl+alt+f"], "command": "run_macro_file", "args": {
"file": "Packages/User/easy_fontsize.sublime-macro"
}
}
@sawadays0118
sawadays0118 / Default(Windows).sublime-keymap
Last active August 29, 2015 14:11
【Sublime Text】<br>タグをショートカットキー入力【Emmet】 ref: http://qiita.com/sawadays0118/items/d49ef6168f52c3015731
{
"keys": ["shift+enter"], "command": "run_macro_file", "args": {
"file": "Packages/User/emmet_br.sublime-macro"
}
}
@sawadays0118
sawadays0118 / _mixin.scss
Last active August 29, 2015 14:11
【Sass】IE8以上対応の縦横中央揃え【Mixin】 ref: http://qiita.com/sawadays0118/items/b44c2082560242b74f74
// * Vartical & Horizontal Centering (IE8 and above. use :before.)
@mixin vh-center {
text-align: center;
&:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
& > * {
@sawadays0118
sawadays0118 / _grid.css
Last active August 29, 2015 14:11
【Sass】固定と可変どちらもいける簡単グリッドシステム【Mixin】 ref: http://qiita.com/sawadays0118/items/8dccaf00a7452ee41295
.easyGrid { *zoom: 1; width: 102.9703%; margin-left: -2.9703%; }
.easyGrid:before, .easyGrid:after { content: ""; display: table; }
.easyGrid:after { clear: both; }
.easyGrid > * { float: left; width: 13.66337%; margin-left: 2.9703%; }
.easyGrid > *.gridCol02 { width: 30.29703%; }
.easyGrid > *.gridCol03 { width: 46.93069%; }
.easyGrid > *.gridCol04 { width: 63.56436%; }
.easyGrid > *.gridCol05 { width: 80.19802%; }
.easyGrid > *.gridCol06 { width: 96.83168%; }
.easyGrid > *:first-child + * + * + * + * + * ~ * { margin-top: 20px; }