button.scss: move .button to separate file

This commit is contained in:
Adhityaa Chandrasekar 2019-02-18 16:30:38 -05:00
parent 06f0f6f014
commit 60a9f2cc15
2 changed files with 35 additions and 32 deletions

34
frontend/sass/button.scss Normal file
View 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;
}

View File

@ -1,6 +1,7 @@
@import "colors-main.scss";
@import "common-main.scss";
@import "checkbox.scss";
@import "button.scss";
.subscription-nag {
position: absolute;
@ -587,38 +588,6 @@ body {
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 {
-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);