Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.1 KiB
54 lines
1.1 KiB
/**
|
|
* components: button
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
$crispy__button__padding: toEm(10px 25px) !default;
|
|
|
|
$crispy__button__up__margin: toEm(20px) !default;
|
|
$crispy__button__up__padding: toEm(8px 13px) !default;
|
|
$crispy__button__up__z-index: zIndex('modal') !default;
|
|
|
|
@mixin crispy__button() {
|
|
.button {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
|
|
vertical-align: middle;
|
|
appearance: none;
|
|
padding: $crispy__button__padding;
|
|
|
|
&--wide {
|
|
width: 100%;
|
|
}
|
|
|
|
// button for scroll up and down
|
|
&--up, &--down {
|
|
position:fixed;
|
|
z-index: $crispy__button__up__z-index;
|
|
margin: $crispy__button__up__margin;
|
|
padding: $crispy__button__up__padding;
|
|
}
|
|
|
|
&--down {
|
|
top: 0;
|
|
}
|
|
|
|
&--up {
|
|
bottom: 0;
|
|
}
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
}
|
|
}
|