mirrors/fediparty
1
0
Fork 0
mirror of https://codeberg.org/fediverse/fediparty.git synced 2024-11-25 10:01:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweak mobile styles

Browse source
This commit is contained in:
lostinlight 2018-03-21 06:03:12 +03:00
parent ad2fb089e1
commit 171ffa3f3d
5 changed files with 38 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
themes/starter/source/assets/scss/modules/_index.scss
View file

@ -308,8 +308,8 @@
} }
.grid__item__image { .grid__item__image {
width: 40px; width: 30px;
height: 40px; height: 30px;
} }
.grid__item__image, .grid__item__image,
@ -317,6 +317,10 @@
flex: initial; flex: initial;
} }
.grid__item__title {
font-size: 1rem;
}
.grid__card { .grid__card {
display: none; display: none;
} }

15
themes/starter/source/assets/scss/modules/_navbar.scss
View file

@ -178,6 +178,21 @@
} }
@media screen and (max-width: $mq-small) { @media screen and (max-width: $mq-small) {
.hamburger {
width: 170px;
top: -80px;
right: -75px;
}
.hamburg-box {
top: 45px;
width: 95px;
}
.hamburger svg:last-of-type {
margin-left: 30px;
}
.navbar li:not(:last-child) { .navbar li:not(:last-child) {
line-height: 2.5; line-height: 2.5;
} }

13
themes/starter/source/assets/scss/modules/_sidebar.scss
View file

@ -83,6 +83,19 @@
fill: $golden; fill: $golden;
} }
@media screen and (max-width: $mq-small) {
.sidebar.g-sidebar {
width: 170px;
top: -80px;
left: -75px;
}
.sidebar.g-sidebar .f-logo {
top: 97px;
width: 70px;
}
}
@media screen and (max-width: $mq-xsmall) { @media screen and (max-width: $mq-xsmall) {
.share-wrapper .u-extra { .share-wrapper .u-extra {
margin-bottom: 0; margin-bottom: 0;

4
themes/starter/source/assets/scss/partials/_layout.scss
View file

@ -304,7 +304,7 @@ ol {
.no-js { .no-js {
position: absolute; position: absolute;
top: 4em; top: 6em;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 70%; width: 70%;
@ -312,7 +312,7 @@ ol {
color: $black; color: $black;
padding: .4em 1em; padding: .4em 1em;
text-align: center; text-align: center;
z-index: $zIndex--4; z-index: $zIndex--5;
} }
@media screen and (max-width: $mq-medium) { @media screen and (max-width: $mq-medium) {

3
themes/starter/source/assets/scss/partials/_z-index.scss
View file

@ -4,4 +4,5 @@
$zIndex--1: 1; // footer $zIndex--1: 1; // footer
$zIndex--2: 2; // .main__container:after $zIndex--2: 2; // .main__container:after
$zIndex--3: 3; // .grid $zIndex--3: 3; // .grid
$zIndex--4: 4; // no-js, navbar, trigger, aside $zIndex--4: 4; // navbar, trigger, aside
$zIndex--5: 5; // no-js