mirror of
https://github.com/nextcloud/passman.git
synced 2025-01-06 07:22:03 +08:00
63 lines
1.6 KiB
SCSS
63 lines
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;
|
||
|
}
|