Skip to content

Instantly share code, notes, and snippets.

View airen's full-sized avatar
💭
I may be slow to respond.

Airen airen

💭
I may be slow to respond.
View GitHub Profile
@airen
airen / SassMeister-input.scss
Created June 20, 2014 15:06
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
//@import "base.sass/*";
$z-layers: (
'goku': 9001,
'shoryuken': 8000,
@airen
airen / SassMeister-input.scss
Created July 25, 2014 01:25
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
.highlight { &-header{ .icon{ display: inline-block; width:16px; position:relative; bottom:9px; *bottom:3px; $icon-data:(file, text),(menu, table),(echart0, chart); @each $type , $url in $icon-data { &-#{$type} { background: url(../images/transParent-#{$url}-icon.png) no-repeat center center; } } } } }
@airen
airen / SassMeister-input-HTML.html
Created July 25, 2014 15:51
Generated by SassMeister.com.
<div class="wrapper">
<div id="container3-1">
<div id="container2-1">
<div id="container1-1">
<div id="col1-1">Column 1</div>
<div id="col2-1">Column 2</div>
<div id="col3-1">Column 3</div>
</div>
</div>
</div>
@airen
airen / SassMeister-input.scss
Created August 6, 2014 09:03
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
@for $i from 1 to 30 {
.itemLink_#{$i}{
@if $i < 15 {
//$linkH: -76px;
$j: $i - 1;
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:01
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//http://designwoop.com/2014/07/10-useful-sass-mixins-modern-developer/
@mixin css3($property, $value) {
@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
#{$prefix}#{$property}: $value;
}
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:05
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/
@mixin breakpoint($point) {
@if $point == large {
@media (min-width: 64.375em) { @content; }
}
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:12
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//Thanks:http://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:15
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//Thanks:http://nicolasgallagher.com/micro-clearfix-hack/
@mixin clearfix() {
&:before,
&:after {
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:19
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//Thanks:http://sachagreif.com/useful-sass-mixins/
@function black($opacity){
@return rgba(0,0,0,$opacity)
}
@function white($opacity){
@airen
airen / SassMeister-input.scss
Created August 8, 2014 14:26
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
//http://sachagreif.com/useful-sass-mixins/
@mixin box-emboss($opacity, $opacity2){
box-shadow:white($opacity) 0 1px 0, inset black($opacity2) 0 1px 0;
}