56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
|
/**************
|
||
|
|
! Window frame
|
||
|
|
***************/
|
||
|
|
|
||
|
|
@include exports("window") {
|
||
|
|
%window {
|
||
|
|
box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), 0 0 0 1px $wm_border_focused;
|
||
|
|
|
||
|
|
&:backdrop {
|
||
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), 0 0 0 1px $wm_border_unfocused;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.window-frame {
|
||
|
|
@extend %window;
|
||
|
|
|
||
|
|
border: 0;
|
||
|
|
border-radius: $roundness $roundness 0 0;
|
||
|
|
|
||
|
|
/* this is used for the resize cursor area */
|
||
|
|
margin: $spacing * 3;
|
||
|
|
|
||
|
|
&.tiled { border-radius: 0; }
|
||
|
|
|
||
|
|
&.solid-csd {
|
||
|
|
border-radius: 0;
|
||
|
|
margin: 1px;
|
||
|
|
background-color: $bg_color;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.csd {
|
||
|
|
&.popup {
|
||
|
|
@extend %window;
|
||
|
|
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.tooltip {
|
||
|
|
border-radius: $roundness;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.message-dialog {
|
||
|
|
@extend %window;
|
||
|
|
|
||
|
|
border-radius: $roundness;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.ssd {
|
||
|
|
&.maximized { border-radius: 0; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|