Skip to content

Instantly share code, notes, and snippets.

View lisasy's full-sized avatar

Lisa Sy lisasy

74 followers · 17 following
View GitHub Profile
@lisasy
lisasy / _border-radius.css.scss
Created September 3, 2013 20:52
Making it easier to define the border-radius of elements.
@mixin border-radius($radius) {
-moz-border-radius: $radius;
-webkit-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}
@mixin border-top-radius($radius) {
-moz-border-top-left-radius: $radius;
-moz-border-top-right-radius: $radius;
@lisasy
lisasy / _vertical-padding.scss
Last active December 21, 2015 22:08
Declaring same left and right padding of an element.
@mixin vertical-padding($value) {
padding-left: $value;
padding-right: $value;
}
@lisasy
lisasy / _inline-block.scss
Created August 24, 2013 17:52
Inline block
@mixin inline-block {
ul {
display: block;
li {
display: inline-block;
float: left;
}
}
}
@lisasy
lisasy / _select.scss
Created August 24, 2013 17:51
Custom styling of select dropdowns.
.select-dropdown {
position: relative;
i {
@include background-image(linearselect-gradient($white 0, darken($white, 2%) 100%, transparent 80%));
@include position(absolute, 1px 3% 0 0);
background: $white;
background: linear-gradient(top, $white, darken($white, 5%));
background: -o-linear-gradient(top, $white, darken($white, 5%));
background: -moz-linear-gradient(top, $white, darken($white, 5%));