added admin interface
This commit is contained in:
75
admin/assets/scss/mixins/_css3.scss
Normal file
75
admin/assets/scss/mixins/_css3.scss
Normal file
@ -0,0 +1,75 @@
|
||||
// mixins for CSS3 features
|
||||
|
||||
@mixin transition($transition) {
|
||||
-webkit-transition: $transition;
|
||||
-moz-transition: $transition;
|
||||
-ms-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
|
||||
@mixin inline-block() {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
@mixin border-radius($radius) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-right-radius($right-radius) {
|
||||
-moz-border-radius-topright: $right-radius;
|
||||
-webkit-border-top-right-radius: $right-radius;
|
||||
border-top-right-radius: $right-radius;
|
||||
-moz-border-radius-bottomright: $right-radius;
|
||||
-webkit-border-bottom-right-radius: $right-radius;
|
||||
border-bottom-right-radius: $right-radius;
|
||||
}
|
||||
|
||||
@mixin border-left-radius($left-radius) {
|
||||
-moz-border-radius-topleft: $left-radius;
|
||||
-webkit-border-top-left-radius: $left-radius;
|
||||
border-top-left-radius: $left-radius;
|
||||
-moz-border-radius-bottomleft: $left-radius;
|
||||
-webkit-border-bottom-left-radius: $left-radius;
|
||||
border-bottom-left-radius: $left-radius;
|
||||
}
|
||||
|
||||
@mixin border-top-radius($top-radius) {
|
||||
-moz-border-radius-topleft: $top-radius;
|
||||
-webkit-border-top-left-radius: $top-radius;
|
||||
border-top-left-radius: $top-radius;
|
||||
-moz-border-radius-topright: $top-radius;
|
||||
-webkit-border-top-right-radius: $top-radius;
|
||||
border-top-right-radius: $top-radius;
|
||||
}
|
||||
|
||||
@mixin border-bottom-radius($bottom-radius) {
|
||||
-moz-border-radius-bottomleft: $bottom-radius;
|
||||
-webkit-border-bottom-left-radius: $bottom-radius;
|
||||
border-bottom-left-radius: $bottom-radius;
|
||||
-moz-border-radius-bottomright: $bottom-radius;
|
||||
-webkit-border-bottom-right-radius: $bottom-radius;
|
||||
border-bottom-right-radius: $bottom-radius;
|
||||
}
|
||||
|
||||
@mixin box-shadow($box-shadow) {
|
||||
-moz-box-shadow: $box-shadow;
|
||||
-webkit-box-shadow: $box-shadow;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
$opacity-ie: $opacity * 100;
|
||||
filter: alpha(opacity=$opacity-ie); //IE8
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user