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

Updated mobile theme based off PR#10

Browse Source
This commit is contained in:
rewphus 2017-10-11 12:33:43 -05:00
parent d34aa1d7e8
commit dbaced7ecf
2 changed files with 70 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
desktop/desktop.scss
View File

@ -27,15 +27,15 @@
//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{
.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,
@ -306,4 +306,4 @@ button#new-account-link {
right: -40% !important;
}
}
}
}

65
mobile/mobile.scss Normal file
View File

@ -0,0 +1,65 @@
//create conversation cards
.topic-body {
-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%);
margin-top: 10px;
padding-left: 20px;
border-radius: 2px;
padding-right: 20px;
}
//more space for avatars
.topic-avatar {
border-top: 0;
padding-right: 10px;
.avatar-flair {
right: 4px;
}
}
//remove stray border from bottom of last post
.topic-status-info {
border-top: 0;
}
//improve format of embedded posts
.embedded-posts .topic-avatar {
padding-left: 0px;
}
.embedded-posts.top.topic-body {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
background-color: $secondary;
}
.small-action {
border: none;
}
#topic-closing-info {
border: none;
}
//remove lines between cards
.topic-post article {
border: none;
}
//put shadow on quotes as well
aside.quote {
-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);
}
//raise and round buttons
.btn:not(.bulk-select) {
border-radius: 2px;
-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);
}