You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.7 KiB
83 lines
1.7 KiB
1 year ago
|
@import "variables.less";
|
||
|
@import "mixins.less";
|
||
|
|
||
|
.br-theme-bars-pill {
|
||
|
|
||
|
.br-widget {
|
||
|
white-space: nowrap;
|
||
|
|
||
|
a {
|
||
|
padding: 7px 15px;
|
||
|
background-color: lighten(@green-color, 25%);
|
||
|
color: @green-color;
|
||
|
text-decoration: none;
|
||
|
font-size: 13px;
|
||
|
line-height: 3;
|
||
|
text-align: center;
|
||
|
font-weight: 400;
|
||
|
|
||
|
&:first-child {
|
||
|
-webkit-border-top-left-radius: 999px;
|
||
|
-webkit-border-bottom-left-radius: 999px;
|
||
|
-moz-border-radius-topleft: 999px;
|
||
|
-moz-border-radius-bottomleft: 999px;
|
||
|
border-top-left-radius: 999px;
|
||
|
border-bottom-left-radius: 999px;
|
||
|
}
|
||
|
|
||
|
&:last-child {
|
||
|
-webkit-border-top-right-radius: 999px;
|
||
|
-webkit-border-bottom-right-radius: 999px;
|
||
|
-moz-border-radius-topright: 999px;
|
||
|
-moz-border-radius-bottomright: 999px;
|
||
|
border-top-right-radius: 999px;
|
||
|
border-bottom-right-radius: 999px;
|
||
|
}
|
||
|
|
||
|
&.br-active,
|
||
|
&.br-selected {
|
||
|
background-color: @green-color;
|
||
|
color: white;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.br-readonly {
|
||
|
a {
|
||
|
cursor: default;
|
||
|
|
||
|
&.br-active, &.br-selected {
|
||
|
background-color: lighten(@green-color, 10%);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
@media print {
|
||
|
.br-theme-bars-pill {
|
||
|
|
||
|
.br-widget {
|
||
|
a {
|
||
|
border: 1px solid lighten(black, 70%);
|
||
|
border-left: none;
|
||
|
background: white;
|
||
|
.box-sizing(border-box);
|
||
|
|
||
|
&.br-active,
|
||
|
&.br-selected {
|
||
|
border: 1px solid black;
|
||
|
border-left: none;
|
||
|
background: white;
|
||
|
color: black;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
a:first-child {
|
||
|
border-left: 1px solid black;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
}
|