Add styles for grid and view

This commit is contained in:
Satyajit Sahoo
2014-11-14 01:29:02 +05:30
parent ce39f0cf9c
commit 2d1661776f
5 changed files with 150 additions and 14 deletions
+9 -9
View File
@@ -1,14 +1,14 @@
.window-frame {
border-style: none;
border-radius: 2px 2px 0 0;
box-shadow: 0 3px 7px 1px alpha(black, 0.7),
border: none;
border-radius: $roundness $roundness 0 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
/* this is used for the resize cursor area */
margin: 10px;
margin: $spacing * 3;
&:backdrop {
box-shadow: 0 3px 5px 1px alpha(black, 0.5),
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
}
@@ -17,18 +17,18 @@
&.csd {
&.popup {
border-radius: 0;
box-shadow: 0 1px 2px alpha(black, 0.8),
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
}
&.tooltip {
border-radius: 2px;
border-radius: $roundness;
box-shadow: none;
}
&.message-dialog {
border-radius: 2px;
box-shadow: 0 1px 2px alpha(black, 0.8),
border-radius: $roundness;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
}
}