skill-assessment-app/app/assets/stylesheets/molecules/_buttongroups.scss

26 lines
525 B
SCSS
Raw Normal View History

2016-07-28 12:52:54 -05:00
.btn-group {
> button {
float: left;
background-color: $white;
color: $secondary-color;
border-width: 1px 0;
border-style: solid;
border-color: $secondary-color;
margin: 0;
&:first-child {
border-radius: 999px 0 0 999px;
border-width:1px 0 1px 1px;
}
&:last-child {
border-radius: 0 999px 999px 0;
border-width:1px 1px 1px 0;
}
&.selected {
background-color: $primary-color;
color:$white;
}
}
&:after {
@include clearfix;
}
}