blob: dea337d8484f6135b240630006566daa29bf01f7 [file] [log] [blame]
@charset "utf-8";
@import "../util";
/*
* Define the base layout of horizontal button groups
*/
.button-group {
> span {
cursor: pointer;
box-shadow: $choose-box-shadow;
font-size: 9pt;
line-height: 1.5em;
padding: 0 4px;
display: inline-block;
@include choose-item;
border-style: solid;
border-width: $border-size 0;
&:hover {
@include choose-hover;
}
&:first-child {
border: {
left-width: $border-size;
top-left-radius: $standard-border-radius;
bottom-left-radius: $standard-border-radius;
}
}
&:last-child {
border: {
right-width: $border-size;
top-right-radius: $standard-border-radius;
bottom-right-radius: $standard-border-radius;
}
}
&.button-icon {
font-family: 'FontAwesome';
> span {
@include blind;
}
}
}
}
ul.button-group-list {
border-top-right-radius: 8px;
z-index: 150;
font-size: 10pt;
position: fixed;
left: 0;
text-align: left;
margin: -1 * $border-size;
margin-top: 0;
> li:first-of-type {
border-top-right-radius: 5px;
}
}