notebook/app/assets/stylesheets/btn-group.scss
2018-12-12 23:58:22 -06:00

45 lines
1.1 KiB
SCSS

.btn-group {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
}
.btn-group.card {
margin: 0;
}
.btn-group>.btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
border-left: 1px solid lightgrey;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 1px solid lightgrey;
}
.btn-group>.btn-inactive {
background-color: #607d8b;
}
.btn-group>.btn {
-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.btn-group>.btn-inactive:hover {
background-color: #728F9D;
}
.btn-group>.btn:hover {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}