diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 4c9706c..3d74ef3 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -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; } } -} +} \ No newline at end of file diff --git a/mobile/mobile.scss b/mobile/mobile.scss new file mode 100644 index 0000000..8be0153 --- /dev/null +++ b/mobile/mobile.scss @@ -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); +} \ No newline at end of file