Buttons style
This commit is contained in:
parent
0bed3ae956
commit
624fb13964
1 changed files with 46 additions and 0 deletions
46
app/assets/stylesheets/new_design/buttons.scss
Normal file
46
app/assets/stylesheets/new_design/buttons.scss
Normal file
|
@ -0,0 +1,46 @@
|
|||
@import "colors";
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid $border-grey;
|
||||
font-size: 14px;
|
||||
background-color: #FFFFFF;
|
||||
color: $black;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: $light-grey;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.primary {
|
||||
color: #FFFFFF;
|
||||
border-color: $blue;
|
||||
background-color: $blue;
|
||||
|
||||
&:hover {
|
||||
background: $light-blue;
|
||||
}
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
color: $blue;
|
||||
border-color: $blue;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
&:hover {
|
||||
background: $light-blue;
|
||||
}
|
||||
}
|
||||
|
||||
&.large {
|
||||
font-size: 18px;
|
||||
padding: 15px 32px;
|
||||
}
|
||||
|
||||
&.expand {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue