Buttons style

This commit is contained in:
Mathieu Magnin 2017-06-14 14:39:28 +02:00
parent 0bed3ae956
commit 624fb13964

View 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%;
}
}