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.

82 lines
1.7 KiB

1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. @import "variables.less";
  2. @import "mixins.less";
  3. .br-theme-bars-pill {
  4. .br-widget {
  5. white-space: nowrap;
  6. a {
  7. padding: 7px 15px;
  8. background-color: lighten(@green-color, 25%);
  9. color: @green-color;
  10. text-decoration: none;
  11. font-size: 13px;
  12. line-height: 3;
  13. text-align: center;
  14. font-weight: 400;
  15. &:first-child {
  16. -webkit-border-top-left-radius: 999px;
  17. -webkit-border-bottom-left-radius: 999px;
  18. -moz-border-radius-topleft: 999px;
  19. -moz-border-radius-bottomleft: 999px;
  20. border-top-left-radius: 999px;
  21. border-bottom-left-radius: 999px;
  22. }
  23. &:last-child {
  24. -webkit-border-top-right-radius: 999px;
  25. -webkit-border-bottom-right-radius: 999px;
  26. -moz-border-radius-topright: 999px;
  27. -moz-border-radius-bottomright: 999px;
  28. border-top-right-radius: 999px;
  29. border-bottom-right-radius: 999px;
  30. }
  31. &.br-active,
  32. &.br-selected {
  33. background-color: @green-color;
  34. color: white;
  35. }
  36. }
  37. }
  38. .br-readonly {
  39. a {
  40. cursor: default;
  41. &.br-active, &.br-selected {
  42. background-color: lighten(@green-color, 10%);
  43. }
  44. }
  45. }
  46. }
  47. @media print {
  48. .br-theme-bars-pill {
  49. .br-widget {
  50. a {
  51. border: 1px solid lighten(black, 70%);
  52. border-left: none;
  53. background: white;
  54. .box-sizing(border-box);
  55. &.br-active,
  56. &.br-selected {
  57. border: 1px solid black;
  58. border-left: none;
  59. background: white;
  60. color: black;
  61. }
  62. }
  63. a:first-child {
  64. border-left: 1px solid black;
  65. }
  66. }
  67. }
  68. }