2016-04-09 04:30:09 +00:00
/ * * * * * * * * * * * * * *
! Window frame
* * * * * * * * * * * * * * * /
@include exports ( " window " ) {
% window {
2016-04-13 07:28:26 +00: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-09 04:30:09 +00: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 07:08:05 +00:00
decoration {
2016-04-09 04:30:09 +00:00
@extend % window ;
border-radius : $roundness $roundness 0 0 ;
2016-04-13 07:08:05 +00:00
// lamefun trick to get rounded borders regardless of CSD use
border-width : 0 px ;
2016-04-09 04:30:09 +00:00
/* this is used for the resize cursor area */
margin : $spacing * 3 ;
2016-04-13 07:08:05 +00:00
. fullscreen & , . tiled & { border-radius : 0 ; }
2016-04-09 04:30:09 +00:00
2016-04-13 07:08:05 +00: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-09 04:30:09 +00:00
border-radius : 0 ;
margin : 1 px ;
background-color : $bg_color ;
box-shadow : none ;
}
2016-04-13 07:08:05 +00:00
. csd . popup & {
@extend % window ;
2016-04-09 04:30:09 +00:00
2016-04-13 07:08:05 +00:00
border-radius : 0 ;
}
2016-04-09 04:30:09 +00:00
2016-04-13 07:08:05 +00:00
tooltip . csd & {
border-radius : $roundness ;
box-shadow : none ;
2016-04-09 04:30:09 +00:00
}
2016-04-13 07:08:05 +00:00
messagedialog . csd & {
@extend % window ;
border-radius : $roundness ;
2016-04-09 04:30:09 +00:00
}
}
}