Warning, /plasma/breeze-gtk/src/gtk3/widgets/_window_decorations.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 /**********************
0004 * Window Decorations *
0005 *********************/
0006
0007 decoration {
0008 $shadow: rgba(0, 0, 0, 0.5);
0009
0010 //border: 1px solid transparent;
0011 border-radius: 6px 6px 0 0;
0012 border-width: 0px;
0013 box-shadow: 0px 0px 16px $shadow,
0014 0px 2px 8px scale-color($shadow, $alpha: -40%);
0015
0016 /* this is used for the resize cursor area */
0017 margin: 10px;
0018
0019 .maximized &,
0020 .fullscreen &,
0021 .tiled & {
0022 border-radius: 0;
0023 }
0024 .popup & {
0025 border-radius: $r;
0026 box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.27),
0027 0px 5px 8px -4px rgba(0, 0, 0, 0.17);
0028 }
0029 // server-side decorations as used by mutter
0030 .ssd & {
0031 box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
0032 }
0033 .csd & {
0034 border-radius: 6px;
0035 &.popup {
0036 box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.27),
0037 0px 5px 8px -4px rgba(0, 0, 0, 0.17);
0038 }
0039 &.tooltip {
0040 box-shadow: none;
0041 }
0042 &.message-dialog {
0043 box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
0044 }
0045 }
0046 .solid-csd & {
0047 border-radius: 0;
0048 margin: 0;
0049 padding: 0px;
0050 border: 5px solid gtk("@theme_titlebar_background");
0051 background-color: gtk(
0052 "@theme_titlebar_background_light"
0053 );
0054 box-shadow: none;
0055 }
0056 }
0057
0058 dialog.solid-csd,
0059 window.solid-csd {
0060 headerbar.titlebar,
0061 paned.titlebar,
0062 .titlebar,
0063 paned.titlebar headerbar {
0064 border-radius: 0;
0065 }
0066 }
0067
0068 dialog,
0069 window {
0070 headerbar.titlebar {
0071 min-height: 46px;
0072 }
0073 headerbar,
0074 .titlebar {
0075 &.default-decoration button.titlebutton {
0076 padding: 1px;
0077 min-height: 18px;
0078 min-width: 18px;
0079 margin: 0;
0080 }
0081 $titlebutton-size: 18px 18px;
0082 button.titlebutton {
0083 image {
0084 color: transparent;
0085 }
0086
0087 &.close {
0088 border-image: none;
0089 box-shadow: none;
0090 background-position: center;
0091 background-repeat: no-repeat;
0092 background-size: $titlebutton-size;
0093 background-image: -gtk-recolor(
0094 url("../assets/breeze-close-symbolic.svg"),
0095 color gtk("@theme_text_color")
0096 );
0097 -gtk-icon-source: none;
0098 }
0099 &.close:hover {
0100 border-color: transparent;
0101 background-color: transparent;
0102 background-image: -gtk-recolor(
0103 url("../assets/breeze-close-hover-symbolic.svg")
0104 );
0105 }
0106 &.close:active {
0107 border-color: transparent;
0108 background-color: transparent;
0109 background-image: -gtk-recolor(
0110 url("../assets/breeze-close-active-symbolic.svg")
0111 );
0112 }
0113 &.close:backdrop {
0114 border-color: transparent;
0115 background-color: transparent;
0116 background-image: -gtk-recolor(
0117 url("../assets/breeze-close-symbolic.svg")
0118 );
0119 }
0120
0121 &.maximize {
0122 border-image: none;
0123 box-shadow: none;
0124 background-position: center;
0125 background-repeat: no-repeat;
0126 background-size: $titlebutton-size;
0127 background-image: -gtk-recolor(
0128 url("../assets/breeze-maximize-symbolic.svg")
0129 );
0130 }
0131 &.maximize:hover {
0132 border-color: transparent;
0133 background-color: transparent;
0134 background-image: -gtk-recolor(
0135 url("../assets/breeze-maximize-hover-symbolic.svg")
0136 );
0137 }
0138 &.maximize:active {
0139 border-color: transparent;
0140 background-color: transparent;
0141 background-image: -gtk-recolor(
0142 url("../assets/breeze-maximize-active-symbolic.svg")
0143 );
0144 }
0145 &.maximize:backdrop {
0146 border-color: transparent;
0147 background-color: transparent;
0148 background-image: -gtk-recolor(
0149 url("../assets/breeze-maximize-symbolic.svg")
0150 );
0151 }
0152
0153 &.minimize {
0154 border-image: none;
0155 box-shadow: none;
0156 background-position: center;
0157 background-repeat: no-repeat;
0158 background-size: $titlebutton-size;
0159 background-image: -gtk-recolor(
0160 url("../assets/breeze-minimize-symbolic.svg")
0161 );
0162 }
0163 &.minimize:hover {
0164 border-color: transparent;
0165 background-color: transparent;
0166 background-image: -gtk-recolor(
0167 url("../assets/breeze-minimize-hover-symbolic.svg")
0168 );
0169 }
0170 &.minimize:active {
0171 border-color: transparent;
0172 background-color: transparent;
0173 background-image: -gtk-recolor(
0174 url("../assets/breeze-minimize-active-symbolic.svg")
0175 );
0176 }
0177 &.minimize:backdrop {
0178 border-color: transparent;
0179 background-color: transparent;
0180 background-image: -gtk-recolor(
0181 url("../assets/breeze-minimize-symbolic.svg")
0182 );
0183 }
0184 }
0185
0186 .maximized & {
0187 button.titlebutton {
0188 &.maximize {
0189 border-image: none;
0190 box-shadow: none;
0191 background-position: center;
0192 background-size: $titlebutton-size;
0193 background-repeat: no-repeat;
0194 background-image: -gtk-recolor(
0195 url("../assets/breeze-maximized-symbolic.svg")
0196 );
0197 }
0198 &.maximize:hover {
0199 border-color: transparent;
0200 background-color: transparent;
0201 background-image: -gtk-recolor(
0202 url("../assets/breeze-maximized-hover-symbolic.svg")
0203 );
0204 }
0205 &.maximize:active {
0206 border-color: transparent;
0207 background-color: transparent;
0208 background-image: -gtk-recolor(
0209 url("../assets/breeze-maximized-active-symbolic.svg")
0210 );
0211 }
0212 &.maximize:backdrop {
0213 border-color: transparent;
0214 background-color: transparent;
0215 background-image: -gtk-recolor(
0216 url("../assets/breeze-maximized-symbolic.svg")
0217 );
0218 }
0219 }
0220 }
0221 }
0222
0223 headerbar.selection-mode button.titlebutton,
0224 .titlebar.selection-mode button.titlebutton {
0225 text-shadow: none;
0226 &:backdrop {
0227 -gtk-icon-shadow: none;
0228 }
0229 }
0230 }