Sha256: ca6fd0fe061093192ca052124004346561b02ea3d9247003ea643494509ec735
Contents?: true
Size: 1.69 KB
Versions: 9
Compression:
Stored size: 1.69 KB
Contents
@mixin squareSize( $size ) {
width: #{ $size }px;
height: #{ $size }px;
}
@mixin square-size( $size ) {
width: $size;
height: $size;
}
@mixin horizontal-padding( $pad: 5px ) {
padding-left: $pad; padding-right: $pad;
}
@mixin vertical-padding( $pad: 5px ) {
padding-top: $pad; padding-bottom: $pad;
}
@mixin horizontal-margin( $pad: 5px ) {
margin-left: $pad; margin-right: $pad;
}
@mixin vertical-margin( $pad: 5px ) {
margin-top: $pad; margin-bottom: $pad;
}
@mixin hpadding( $pad: 5px ){ @include horizontal-padding( $pad); }
@mixin h-padding( $pad: 5px ){ @include horizontal-padding( $pad); }
@mixin vpadding( $pad: 5px ){ @include vertical-padding( $pad); }
@mixin v-padding( $pad: 5px ){ @include vertical-padding( $pad); }
@mixin hmargin( $pad: 5px ){ @include horizontal-margin( $pad ); }
@mixin h-margin( $pad: 5px ){ @include horizontal-margin( $pad ); }
@mixin vmargin( $pad: 5px ){ @include vertical-margin( $pad ); }
@mixin v-margin( $pad: 5px ){ @include vertical-margin( $pad ); }
@mixin rotation( $rotate ) {
transform: rotate(#{ $rotate }deg);
}
@mixin elipse( $first, $second ) {
border-radius: #{ $first }px / #{ $second }px;
}
@mixin elipsis( $first, $second ) {
border-radius: #{percentage($first)} / #{percentage($second)} ;
}
@mixin absoluteCentered( $size: 0 ){
position: absolute;
top: $size; bottom: $size;
left: $size; right: $size;
}
@mixin gpu_render {
// old style (bourbon)
// transform: translateZ( 0 ) ;
// twbs
// @include translate3d(0, 0, 0);
// bourbon
// there is a chrome bug with that ... http://codepen.io/herzflimmern/blog/chrome-bug-with-fixed-background-and-translate3d
transform:translate3d(0,0,0);
// transform: translate(0,0) ;
}
Version data entries
9 entries across 9 versions & 1 rubygems