_infobars.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. /**************
  2. * GtkInfoBar *
  3. **************/
  4. %infobar,
  5. infobar {
  6. text-shadow: none;
  7. color: $fg_color;
  8. background-color: $bg_color;
  9. border-bottom:1px solid darken($bg_color,10%);
  10. box-shadow: 0 1px 0 0 transparentize(black, 0.95),
  11. 0 1px 2px 0 transparentize(black, 0.85);
  12. }
  13. %color_infobar {
  14. @extend %infobar;
  15. text-shadow: none;
  16. color: $selected_fg_color;
  17. border:none;
  18. .label {
  19. color: $selected_fg_color;
  20. &:backdrop {
  21. color: $backdrop_selected_fg_color;
  22. }
  23. }
  24. button {
  25. border-radius: 2px;
  26. border: none;
  27. background: transparentize($base_color, 0.02);
  28. color: $fg_color;
  29. box-shadow: 0 1px 0 0 transparentize(black, 0.8);
  30. .label {
  31. color: $fg_color;
  32. }
  33. &:active {
  34. background: $base_color;
  35. color: $fg_color;
  36. box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
  37. &:backdrop {
  38. background: transparentize($base_color, 0.2);
  39. color: transparentize($fg_color, 0.5);
  40. box-shadow: none;
  41. }
  42. }
  43. &:hover,
  44. &:focus {
  45. box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
  46. }
  47. &:disabled {
  48. background: transparentize($base_color, 0.4);
  49. color: transparentize($fg_color, 0.5);
  50. box-shadow: none;
  51. &:backdrop {
  52. background: transparentize($base_color, 0.5);
  53. color: transparentize($fg_color, 0.5);
  54. box-shadow: none;
  55. }
  56. }
  57. &:backdrop {
  58. background: transparentize($base_color, 0.2);
  59. color: transparentize($fg_color, 0.5);
  60. box-shadow: none;
  61. }
  62. }
  63. }
  64. .info {
  65. @extend %color_infobar;
  66. &, &:backdrop {
  67. color: $info_color;
  68. background-color: transparent;
  69. }
  70. }
  71. .warning {
  72. @extend %color_infobar;
  73. &, &:backdrop {
  74. color: $warning_color;
  75. background-color: transparent;
  76. }
  77. }
  78. .question {
  79. @extend %color_infobar;
  80. &, &:backdrop {
  81. color: $question_color;
  82. background-color: transparent;
  83. }
  84. }
  85. .error {
  86. @extend %color_infobar;
  87. &, &:backdrop {
  88. color: $error_color;
  89. background-color: transparent;
  90. }
  91. }