зеркало из https://github.com/nextcloud/passman.git
85 строки
2.5 KiB
SCSS
85 строки
2.5 KiB
SCSS
/**
|
|
* Nextcloud - passman
|
|
*
|
|
* @copyright Copyright (c) 2016, Sander Brand (brantje@gmail.com)
|
|
* @copyright Copyright (c) 2016, Marcos Zuriaga Miguel (wolfi@wolfi.es)
|
|
* @license GNU AGPL version 3 or any later version
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
@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;
|
|
} |