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-HTML.html
Created June 9, 2015 03:00
Generated by SassMeister.com.
<div data-theme="2">
<div class="button">Button</div>
</div>
<div class="button">Button</div>
@airen
airen / SassMeister-input.scss
Created May 23, 2015 13:46
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$media-stack:
(group: tablet, id: general, rule: "only screen and (min-device-width: 700px)"),
(group: small, id: general, rule: "only screen and(min-device-width: 1100px)"),
(group: small, id: inbetween, rule: "only screen and(min-device-width: 1100px) and (max-device-width: 1400px)"),
(group: large, id: general, rule: "only screen and(min-device-width: 1400px)"),
@airen
airen / SassMeister-input.scss
Last active August 29, 2015 14:21
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$media-stack:
(group: tablet, id: general, rule: "only screen and (min-device-width: 700px)"),
(group: small, id: general, rule: "only screen and(min-device-width: 1100px)"),
(group: small, id: inbetween, rule: "only screen and(min-device-width: 1100px) and (max-device-width: 1400px)"),
(group: large, id: general, rule: "only screen and(min-device-width: 1400px)"),
@airen
airen / SassMeister-input.scss
Created May 23, 2015 12:59
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$font-stack:
(group: brandon, id: light, font: ('Brandon Grot W01 Light', san-serif ), weight: 200, style: normal),
(group: brandon, id: light-italic, font: ('Brandon Grot W01 Light', san-serif ), weight: 200, style: italic),
(group: brandon, id: regular, font: ('Brandon Grot W01-Regular', san-serif), weight: 400, style: normal),
(group: brandon, id: regular-italic, font: ('Brandon Grot W01-Regular', san-serif), weight: 400, style: italic),
@airen
airen / SassMeister-input.scss
Created May 23, 2015 12:30
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$color-stack:
(group: orange, id: normal, color: #e67835),
(group: orange, id: pale, color: #f8a878),
(group: orange, id: dark, color: #ad490c),
(group: blue, id: normal, color: #426682);
@airen
airen / SassMeister-input.scss
Created May 23, 2015 09:03
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
@mixin position($position,$args){
@each $o in top right bottom left {
$i: index($args, $o);
@if $i and $i + 1 <= length($args) and type-of(nth($args, $i + 1)) == number {
#{$o}: nth($args, $i + 1);
@airen
airen / SassMeister-input.scss
Last active August 29, 2015 14:21
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
/// 元素宽度和高度的设置,当`$width`和`$height`大小一样时,实现一个正方形。
/// @access public
/// @author 大漠
/// @example
/// //SCSS
@airen
airen / SassMeister-input-HTML.html
Created May 10, 2015 07:06
Generated by SassMeister.com.
<ul class="swatches red">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
@airen
airen / SassMeister-input-HTML.html
Last active August 29, 2015 14:20
Generated by SassMeister.com.
<ul>
<li>Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
<li>Tab4</li>
</ul>
<div class="box">
<span>Tab</span>
<span>Tab</span>