_window_decorations.scss 5.86 KB
Newer Older
Luca Carlon's avatar
Luca Carlon committed
1 2
@charset "UTF-8";

Dirruk de Vries's avatar
320  
Dirruk de Vries committed
3 4 5 6 7
/**********************
 * Window Decorations *
 *********************/

decoration {
pontaoski's avatar
pontaoski committed
8
  $shadow: rgba(0, 0, 0, 0.5);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
9 10 11 12

  //border: 1px solid transparent;
  border-radius: $r $r 0 0;
  border-width: 0px;
pontaoski's avatar
pontaoski committed
13 14
  box-shadow: 0px 0px 16px $shadow,
    0px 2px 8px scale-color($shadow, $alpha: -40%);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
15 16 17 18 19 20 21 22 23 24 25

  /* this is used for the resize cursor area */
  margin: 10px;

  .maximized &,
  .fullscreen &,
  .tiled & {
    border-radius: 0;
  }
  .popup & {
    border-radius: $r;
pontaoski's avatar
pontaoski committed
26
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
27 28
  }
  // server-side decorations as used by mutter
pontaoski's avatar
pontaoski committed
29 30
  .ssd & {
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
31 32 33 34
  }
  .csd & {
    border-radius: $r;
    &.popup {
pontaoski's avatar
pontaoski committed
35
      box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
36 37 38 39 40
    }
    &.tooltip {
      box-shadow: none;
    }
    &.message-dialog {
pontaoski's avatar
pontaoski committed
41
      box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
42 43 44 45 46
    }
  }
  .solid-csd & {
    border-radius: 0;
    margin: 0;
47 48
    padding: 0px;
    border: 5px solid gtk("@theme_titlebar_background");
49
    background-color: gtk("@theme_titlebar_background_light");
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
50 51 52 53
    box-shadow: none;
  }
}

54
window.solid-csd {
pontaoski's avatar
pontaoski committed
55 56 57 58
  headerbar.titlebar,
  paned.titlebar,
  .titlebar,
  paned.titlebar headerbar {
59 60 61 62
    border-radius: 0;
  }
}

pontaoski's avatar
pontaoski committed
63 64 65 66 67 68 69 70
window {
  headerbar,
  .titlebar {
    &.default-decoration button.titlebutton {
      padding: 1px;
      min-height: 18px;
      min-width: 18px;
      margin: 0;
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
71
    }
pontaoski's avatar
pontaoski committed
72 73
    $titlebutton-size: 18px 18px;
    button.titlebutton {
74
      padding: 1px;
pontaoski's avatar
pontaoski committed
75 76 77 78 79
      &:hover,
      &:active,
      &:checked,
      &:backdrop,
      &:active:hover {
80

81
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
82

83 84 85
      image {
        color: transparent;
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
86

pontaoski's avatar
pontaoski committed
87 88 89 90 91 92 93 94
      &.close {
        padding: 1px;
        border-image: none;
        box-shadow: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: $titlebutton-size;
        background-image: -gtk-recolor(
Vlad Zahorodnii's avatar
Vlad Zahorodnii committed
95
          url("../assets/breeze-close-symbolic.svg"),
pontaoski's avatar
pontaoski committed
96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
          color gtk("@theme_text_color")
        );
        -gtk-icon-source: none;
      }
      &.close:hover {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-close-hover-symbolic.svg")
        );
      }
      &.close:active {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-close-active-symbolic.svg")
        );
      }
      &.close:backdrop {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-close-symbolic.svg")
        );
120
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
121 122

      &.maximize {
123
        padding: 1px;
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
124 125 126 127
        border-image: none;
        box-shadow: none;
        background-position: center;
        background-repeat: no-repeat;
pontaoski's avatar
pontaoski committed
128 129 130 131
        background-size: $titlebutton-size;
        background-image: -gtk-recolor(
          url("../assets/breeze-maximize-symbolic.svg")
        );
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
132 133
      }
      &.maximize:hover {
pontaoski's avatar
pontaoski committed
134
        border-color: transparent;
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
135
        background-color: transparent;
pontaoski's avatar
pontaoski committed
136 137 138 139 140
        background-size: contain;
        background-image: -gtk-recolor(
          url("../assets/breeze-maximize-hover-symbolic.svg")
        );
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
141
      &.maximize:active {
pontaoski's avatar
pontaoski committed
142
        border-color: transparent;
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
143
        background-color: transparent;
pontaoski's avatar
pontaoski committed
144 145 146 147
        background-image: -gtk-recolor(
          url("../assets/breeze-maximize-active-symbolic.svg")
        );
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
148
      &.maximize:backdrop {
pontaoski's avatar
pontaoski committed
149
        border-color: transparent;
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
150
        background-color: transparent;
pontaoski's avatar
pontaoski committed
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224
        background-image: -gtk-recolor(
          url("../assets/breeze-maximize-symbolic.svg")
        );
      }

      &.minimize {
        padding: 1px;
        border-image: none;
        box-shadow: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: $titlebutton-size;
        background-image: -gtk-recolor(
          url("../assets/breeze-minimize-symbolic.svg")
        );
      }
      &.minimize:hover {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-minimize-hover-symbolic.svg")
        );
      }
      &.minimize:active {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-minimize-active-symbolic.svg")
        );
      }
      &.minimize:backdrop {
        border-color: transparent;
        background-color: transparent;
        background-image: -gtk-recolor(
          url("../assets/breeze-minimize-symbolic.svg")
        );
      }
    }

    .maximized & {
      button.titlebutton {
        &.maximize {
          padding: 1px;
          border-image: none;
          box-shadow: none;
          background-position: center;
          background-size: $titlebutton-size;
          background-repeat: no-repeat;
          background-image: -gtk-recolor(
            url("../assets/breeze-maximized-symbolic.svg")
          );
        }
        &.maximize:hover {
          border-color: transparent;
          background-color: transparent;
          background-image: -gtk-recolor(
            url("../assets/breeze-maximized-hover-symbolic.svg")
          );
        }
        &.maximize:active {
          border-color: transparent;
          background-color: transparent;
          background-image: -gtk-recolor(
            url("../assets/breeze-maximized-active-symbolic.svg")
          );
        }
        &.maximize:backdrop {
          border-color: transparent;
          background-color: transparent;
          background-image: -gtk-recolor(
            url("../assets/breeze-maximized-symbolic.svg")
          );
        }
      }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
225 226 227
    }
  }

pontaoski's avatar
pontaoski committed
228 229 230 231 232 233 234
  headerbar.selection-mode button.titlebutton,
  .titlebar.selection-mode button.titlebutton {
    text-shadow: none;
    &:backdrop {
      -gtk-icon-shadow: none;
    }
  }
Dirruk de Vries's avatar
320  
Dirruk de Vries committed
235
}