plastichub/material-design-stock-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update desktop.scss

Browse Source 
Truncated code to one-size-fits-all and fixed comments to ensure understanding of current terms for views.
This commit is contained in:
jamesn81 2017-08-22 00:27:31 +10:00 committed by GitHub
parent f426761955
commit 352714713b
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
desktop/desktop.scss
View File

@ -21,6 +21,17 @@
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
//add shadow behind the list of topics on right in Category and Latest View
//add shadow behind list of categories on left in Category and Latest View
//add shadow behind topics in Latest view
.category-list, .topic-list:not(.categories), .latest-topic-list{
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: lighten($secondary, 10%);
border-collapse: collapse;
}
//underline navigation links
.nav-pills>li.active>a, .nav-pills>li>a.active {
@ -45,23 +56,6 @@
}
}
//add shadow behind the list of topics, but not categories
.category-list, .topic-list:not(.categories){
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: lighten($secondary, 10%);
border-collapse: collapse;
}
//shadow behind list of topics on right hand side when in cateogry list view
.latest-topic-list {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: lighten($secondary, 10%);
border-collapse: collapse;
}
//create conversation cards
.topic-body{