Skip to content

Instantly share code, notes, and snippets.

@Taova
Created October 29, 2015 14:48
Show Gist options
  • Save Taova/9a7eec5a967cfb9fc8f9 to your computer and use it in GitHub Desktop.
Save Taova/9a7eec5a967cfb9fc8f9 to your computer and use it in GitHub Desktop.
/* compass sprites end*/
@mixin inlineblock($valine:top){
display: inline-block;
vertical-align: $valine;
}
@mixin forul{
padding: 0;
margin: 0;
list-style: none;
}
@mixin clearfix{
&:before,
&:after{
content: '';
display: table;
}
&:after{
clear: both;
}
}
@mixin border-radius($radius:5px){
-webkit-border-radius:$radius;
-moz-border-radius:$radius;
border-radius:$radius;
-webkit-background-clip:padding;
-moz-background-clip:padding-box;
background-clip:padding-box;
}
@mixin box-shadow($string){
-webkit-box-shadow:$string;
-moz-box-shadow:$string;
box-shadow:$string;
}
@mixin webkit-transition($transition){
-webkit-transition:$transition;
-moz-transition:$transition;
-ms-transition:$transition;
-o-transition:$transition;
transition:$transition;
}
@mixin placeholder($color:#000){
&::-webkit-input-placeholder{
color:$color;
}
&::-moz-placeholder{
color:$color;
}
&::-ms-input-placeholder{
color:$color;
}
}
@mixin vertical-gradient($top-color:#fff; bottom-color:#000){
background-color: $top-color;
background-image: -webkit-gradient(linear, left top, left bottom, from($top-color), to($bottom-color));
background-image: -webkit-linear-gradient(top, $top-color, $bottom-color);
background-image: -moz-linear-gradient(top, $top-color, $bottom-color);
background-image: -o-linear-gradient(top, $top-color, $bottom-color);
background-image: linear-gradient(to bottom, $top-color, $bottom-color);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=$top-color, EndColorStr=$bottom-color);
}
@mixin transform($transform){
-webkit-transform:$transform;
-ms-transform:$transform;
-o-transform:$transform;
-moz-transform:$transform;
transform:$transform;
}
@mixin absolute-center{
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
margin: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment