mirror of
https://github.com/nextcloud/passman.git
synced 2025-01-01 04:51:44 +08:00
63 lines
No EOL
1.6 KiB
SCSS
63 lines
No EOL
1.6 KiB
SCSS
@mixin clearfix() {
|
|
&:before,
|
|
&:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
@mixin border-radius($radius) {
|
|
-webkit-border-radius: $radius;
|
|
border-radius: $radius;
|
|
background-clip: padding-box; /* stops bg color from leaking outside the border: */
|
|
}
|
|
|
|
// Single side border-radius
|
|
|
|
@mixin border-top-radius($radius) {
|
|
-webkit-border-top-right-radius: $radius;
|
|
border-top-right-radius: $radius;
|
|
-webkit-border-top-left-radius: $radius;
|
|
border-top-left-radius: $radius;
|
|
background-clip: padding-box;
|
|
}
|
|
@mixin border-right-radius($radius) {
|
|
-webkit-border-bottom-right-radius: $radius;
|
|
border-bottom-right-radius: $radius;
|
|
-webkit-border-top-right-radius: $radius;
|
|
border-top-right-radius: $radius;
|
|
background-clip: padding-box;
|
|
}
|
|
@mixin border-bottom-radius($radius) {
|
|
-webkit-border-bottom-right-radius: $radius;
|
|
border-bottom-right-radius: $radius;
|
|
-webkit-border-bottom-left-radius: $radius;
|
|
border-bottom-left-radius: $radius;
|
|
background-clip: padding-box;
|
|
}
|
|
@mixin border-left-radius($radius) {
|
|
-webkit-border-bottom-left-radius: $radius;
|
|
border-bottom-left-radius: $radius;
|
|
-webkit-border-top-left-radius: $radius;
|
|
border-top-left-radius: $radius;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
@mixin opacity($opacity) {
|
|
opacity: $opacity;
|
|
$opacity-ie: $opacity * 100;
|
|
filter: alpha(opacity=$opacity-ie); //IE8
|
|
}
|
|
|
|
@mixin center-block {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
@mixin font-size($sizeValue: 12 ){
|
|
font-size: $sizeValue + px; //fallback for old browsers
|
|
font-size: (0.125 * $sizeValue) + rem;
|
|
} |