datat.fi/_sass/basically-basic/_buttons.scss

40 lines
757 B
SCSS
Raw Normal View History

/* ==========================================================================
Buttons
========================================================================== */
2017-03-07 23:12:17 +02:00
.btn {
display: inline-block;
padding: 0.5em 1em;
2017-03-16 20:34:29 +02:00
border: 0;
border-radius: $border-radius;
background-color: $accent-color;
2017-03-07 23:12:17 +02:00
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
&:hover {
color: #fff;
background-color: tint($accent-color, 20%);
}
&:focus {
background-color: shade($accent-color, 20%);
}
.icon {
margin-right: 0.5em;
}
/* block button fills width of parent container */
2017-03-07 23:12:17 +02:00
&--block {
display: block;
width: 100%;
+ .btn--block {
margin-top: 1rem;
}
}
2017-03-16 20:34:29 +02:00
}