_sidebar.scss (2635B)
1 /********* 2 ! Sidebar 3 **********/ 4 5 @include exports("sidebar") { 6 .sidebar { 7 &, &.view, .view, GtkScrolledWindow { 8 background-color: $bg_color; 9 color: mix($fg_color, $bg_color, .1); 10 11 &.separator { 12 &, &:hover, &:focus { 13 border-width: 1px; 14 border-style: solid; 15 border-color: shade($bg_color, .9); 16 color: shade($bg_color, .9); 17 } 18 } 19 } 20 21 row, .view row { 22 &:selected { 23 &, &:hover, &:focus { 24 border: 0; 25 background-image: none; 26 background-color: $selected_bg_color; 27 color: $selected_fg_color; 28 } 29 30 &:prelight { 31 border: 0; 32 background-image: none; 33 background-color: shade($selected_bg_color, 1.05); 34 color: $selected_fg_color; 35 } 36 } 37 38 &:prelight { 39 border: 0; 40 background-image: none; 41 background-color: shade($bg_color, 1.05); 42 } 43 } 44 45 .frame { border-width: 0; } 46 47 GtkAssistant & { 48 padding: $spacing; 49 border-width: 0 1px 0 0; 50 border-style: solid; 51 border-right-color: border_normal($bg_color); 52 border-radius: 0; 53 background-color: $bg_color; 54 color: mix($fg_color, $bg_color, .1); 55 56 &:dir(ltr) { border-width: 0 1px 0 0; } 57 58 &:dir(rtl) { border-width: 0 0 0 1px; } 59 60 .label { 61 padding: $spacing ($spacing * 2); 62 63 &.highlight { background-color: mix($bg_color, $fg_color, .8); } 64 } 65 66 &.csd .sidebar { border-top-style: none; } 67 68 .highlight { font: bold; } 69 } 70 } 71 } 72 73 74 /****** 75 ! Paned 76 *******/ 77 78 @include exports("paned") { 79 GtkPaned { 80 -GtkPaned-handle-size: 1; 81 -gtk-icon-source: none; 82 83 margin: 0 $spacing; 84 } 85 86 87 GtkPaned:dir(rtl) { 88 margin-right: 0; 89 margin-left: $spacing; 90 } 91 92 GtkPaned .pane-separator { background-color: shade($bg_color, .9); } 93 94 GtkPaned.wide { 95 -GtkPaned-handle-size: 4; 96 97 margin: 0; 98 } 99 100 GtkPaned.wide .pane-separator { 101 background-color: transparent; 102 border-style: none solid; 103 border-color: shade($bg_color, .9); 104 border-width: 1px; 105 } 106 107 GtkPaned.wide.vertical .pane-separator { border-style: solid none; } 108 }