2016-04-08 23:30:09 -05:00
/**************
! Window frame
***************/
@include exports ( "window" ) {
% window {
2016-04-13 02:28:26 -05:00
box-shadow : 0 19 px 38 px rgba ( 0 , 0 , 0 , .2 ) , 0 15 px 12 px rgba ( 0 , 0 , 0 , .1 ) , 0 0 0 1 px $wm_border_focused ;
2016-04-08 23:30:09 -05:00
& :backdrop {
box-shadow : 0 10 px 20 px rgba ( 0 , 0 , 0 , .19 ) , 0 6 px 6 px rgba ( 0 , 0 , 0 , .23 ) , 0 0 0 1 px $wm_border_unfocused ;
}
}
2016-04-13 09:08:05 +02:00
decoration {
2016-04-08 23:30:09 -05:00
@extend % window ;
border-radius : $roundness $roundness 0 0 ;
2016-04-13 09:08:05 +02:00
// lamefun trick to get rounded borders regardless of CSD use
border-width : 0 px ;
2016-04-08 23:30:09 -05:00
/* this is used for the resize cursor area */
margin : $spacing * 3 ;
2016-04-13 09:08:05 +02:00
.fullscreen & , .tiled & { border-radius : 0 ; }
2016-04-08 23:30:09 -05:00
2016-04-13 09:08:05 +02:00
.popup & { box-shadow : none ; }
// this needs to be transparent
// see bug #722563
// server-side decorations as used by mutter
.ssd & { box-shadow : 0 0 0 1 px if ( $variant == 'light' , transparentize ( black , .77 ) , transparentize ( $borders_color , .1 )); } //just doing borders, wm draws actual shadows
.solid-csd & {
2016-04-08 23:30:09 -05:00
border-radius : 0 ;
margin : 1 px ;
background-color : $bg_color ;
box-shadow : none ;
}
2016-04-13 09:08:05 +02:00
.csd.popup & {
@extend % window ;
2016-04-08 23:30:09 -05:00
2016-04-13 09:08:05 +02:00
border-radius : 0 ;
2016-04-08 23:30:09 -05:00
}
2016-04-13 09:08:05 +02:00
tooltip .csd & {
border-radius : $roundness ;
box-shadow : none ;
}
messagedialog .csd & {
@extend % window ;
border-radius : $roundness ;
2016-04-08 23:30:09 -05:00
}
}
}