_infobars.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  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. background-color: $info_color;
  67. &:backdrop {
  68. background-color:lighten($info_color,10%);
  69. color: $backdrop_selected_fg_color;
  70. }
  71. }
  72. .warning {
  73. @extend %color_infobar;
  74. background-color: $warning_color;
  75. &:backdrop {
  76. background-color:lighten($warning_color,10%);
  77. color: $backdrop_selected_fg_color;
  78. }
  79. }
  80. .question {
  81. @extend %color_infobar;
  82. background-color: $question_color;
  83. &:backdrop {
  84. background-color:lighten($question_color,10%);
  85. color: $backdrop_selected_fg_color;
  86. }
  87. }
  88. .error {
  89. @extend %color_infobar;
  90. background-color: $error_color;
  91. &:backdrop {
  92. background-color:lighten($error_color,10%);
  93. color: $backdrop_selected_fg_color;
  94. }
  95. }