button.scss: move .button to separate file
This commit is contained in:
parent
06f0f6f014
commit
60a9f2cc15
34
frontend/sass/button.scss
Normal file
34
frontend/sass/button.scss
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
@import "colors-main.scss";
|
||||||
|
@import "common-main.scss";
|
||||||
|
|
||||||
|
.button {
|
||||||
|
@extend .shadow;
|
||||||
|
height: 40px;
|
||||||
|
min-width: 110px;
|
||||||
|
background: $white;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 0px 10px 0px 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
color: $blue-7;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
color: $blue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:disabled {
|
||||||
|
cursor: default;
|
||||||
|
color: $gray-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.short-button {
|
||||||
|
width: 80px;
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
}
|
@ -1,6 +1,7 @@
|
|||||||
@import "colors-main.scss";
|
@import "colors-main.scss";
|
||||||
@import "common-main.scss";
|
@import "common-main.scss";
|
||||||
@import "checkbox.scss";
|
@import "checkbox.scss";
|
||||||
|
@import "button.scss";
|
||||||
|
|
||||||
.subscription-nag {
|
.subscription-nag {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -587,38 +588,6 @@ body {
|
|||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
|
||||||
@extend .shadow;
|
|
||||||
height: 40px;
|
|
||||||
min-width: 110px;
|
|
||||||
background: $white;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
padding: 0px 10px 0px 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
color: $blue-7;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:hover {
|
|
||||||
color: $blue-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:disabled {
|
|
||||||
cursor: default;
|
|
||||||
color: $gray-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.short-button {
|
|
||||||
width: 80px;
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat {
|
.stat {
|
||||||
-webkit-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
-webkit-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
||||||
-moz-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
-moz-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
||||||
|
Loading…
Reference in New Issue
Block a user