feat: improve top padding and article toolbar style

This commit is contained in:
Jimmy Cai 2020-09-07 11:34:28 +02:00
parent 829678936b
commit 634e6ce96b
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
4 changed files with 11 additions and 6 deletions

View file

@ -1,6 +1,10 @@
@import "variables.scss";
.article-page {
@media (min-width: $on-phone) and (max-width: $on-tablet) {
--main-top-padding: 30px;
}
.left-sidebar {
@media (max-width: $on-tablet) {
display: none;
@ -99,7 +103,7 @@
align-items: center;
@media (max-width: $on-phone) {
margin-top: 15px;
margin-top: 20px;
}
@media (min-width: $on-tablet) {

View file

@ -25,7 +25,7 @@
@media (min-width: $on-phone + 1) {
width: 25%;
margin-right: 1%;
padding: 50px 15px;
padding: var(--main-top-padding) 15px;
max-height: 100vh;
}

View file

@ -52,10 +52,7 @@ main.main {
padding: 0 15px;
max-width: 100%;
flex-grow: 1;
@media (min-width: $on-phone + 1) {
padding-top: 50px;
}
padding-top: var(--main-top-padding);
}
.main-grid {

View file

@ -10,6 +10,10 @@ $on-desktop-large: 1920px;
* CSS Variables
*/
:root {
@media (min-width: $on-phone + 1) {
--main-top-padding: 50px;
}
--body-background: #f5f5fa;
--accent-color: #34495e;
--accent-color-darker: #2c3e50;