Skip to content

Instantly share code, notes, and snippets.

View geckotang's full-sized avatar
:octocat:

Shotaro Sakamaki geckotang

:octocat:
View GitHub Profile
@geckotang
geckotang / SassMeister-input.scss
Created May 22, 2015 10:44
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
/* for Sass3.2 */
$block: '.block';
#{$block} {
color: green;
&__element {
@geckotang
geckotang / SassMeister-input.sass
Created May 14, 2015 17:51
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
.block
width: 10px
&__element
width: 100px
height: 100px
@geckotang
geckotang / SassMeister-input.scss
Created April 15, 2015 02:48
Generated by SassMeister.com.
// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----
@function getValue ( $assoc, $key ) {
@each $pair in $assoc {
@if nth( $pair, 1 ) == $key {
@return nth( $pair, 2 );
}
@geckotang
geckotang / SassMeister-input.scss
Created March 17, 2015 14:35
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$fontSansSerif : 'Helvetica Neue', Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif;
html {
/*エスケープされた日本語*/
font-family: $fontSansSerif;
/*クォーテーションの置き換え */
@geckotang
geckotang / SassMeister-input.scss
Created March 17, 2015 14:34
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$fontSansSerif : 'Helvetica Neue', Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif;
html {
/*エスケープされた日本語*/
font-family: $fontSansSerif;
/*クォーテーションの置き換え */
@geckotang
geckotang / SassMeister-input.scss
Created March 17, 2015 14:33
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$fontSansSerif : 'Helvetica Neue', Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif;
html {
/*エスケープされた日本語*/
font-family: $fontSansSerif;
@geckotang
geckotang / SassMeister-input.scss
Created March 17, 2015 14:25
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$fontSansSerif : 'Helvetica Neue', Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif;
html {
font-family: $fontSansSerif;
background: url(hoge.png);
background: url('hoge.png');
background: url("hoge2.png");
@geckotang
geckotang / SassMeister-input.scss
Created March 17, 2015 14:24
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$fontSansSerif : 'Helvetica Neue', Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif;
html {
font-family: $fontSansSerif;
background: url(hoge.png);
background: url('hoge.png');
background: url("hoge2.png");
@geckotang
geckotang / SassMeister-input.scss
Created October 29, 2014 04:12
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
@mixin imgHoverEffect ($selector: '.selector') {
display: block;
background: #fff;
img{
display: block;
@geckotang
geckotang / bemtaro.md
Last active August 29, 2015 14:07
BEMだらけの桃太郎

BEMだらけの桃太郎

むかしむかし、あるところに、.parent-father + .parent-motherが住んでいました。
.parent-father--goes-mountain.parent-mother--does-washing
.parent-mother--is-doing-washingしていると、ドンブラコ、ドンブラコと、.peach--hugeが流れてきました。
「おや、これは.souvenir--niceになるわ」
.parent-mother.peach--hugeをひろいあげて、家に持ち帰りました。
そして、.parent-father + .parent-fatherが桃を食べようと.peach--has-cut、なんと中から.child-boy--is-energeticが飛び出してきました。
「これはきっと、#godがくださったにちがいない」
子どものいなかった.parent-father + .parent-motherは、大喜びです。