demarches-normaliennes/app/assets/stylesheets/new_design/buttons.scss

62 lines
919 B
SCSS
Raw Normal View History

2017-06-14 14:39:28 +02:00
@import "colors";
@import "constants";
2017-06-14 14:39:28 +02:00
.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;
-webkit-appearance: none;
2017-06-14 14:39:28 +02:00
&: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 {
2017-06-26 11:40:28 +02:00
color: #FFFFFF;
2017-06-14 14:39:28 +02:00
background: $light-blue;
}
}
&.large {
font-size: 18px;
padding: 15px 32px;
}
&.expand {
width: 100%;
}
i {
width: 18px;
height: 18px;
background-size: 18px 18px;
vertical-align: middle;
margin-right: $default-spacer;
}
2017-06-14 14:39:28 +02:00
}
2017-06-13 17:46:08 +02:00
.link {
color: $blue;
}