luna/mastodon
0
0
Fork 0
mirror of https://github.com/lunaisnotaboy/mastodon.git synced 2024-12-21 04:39:23 +00:00
Code Issues Projects Releases Wiki Activity

Update SCSS for about/landing page

Browse source
This commit is contained in:
Thibaut Girka 2018-05-11 14:18:52 +02:00
parent db73c0bc5d
commit 1a4d735b1d
1 changed files with 69 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
app/javascript/flavours/glitch/styles/about.scss
View file

@ -322,6 +322,11 @@ $small-breakpoint: 960px;
border: 0; border: 0;
border-bottom: 1px solid rgba($ui-base-lighter-color, .6); border-bottom: 1px solid rgba($ui-base-lighter-color, .6);
margin: 20px 0; margin: 20px 0;
&.spacer {
height: 1px;
border: 0;
}
} }
.container-alt { .container-alt {
@ -681,6 +686,54 @@ $small-breakpoint: 960px;
margin-bottom: 0; margin-bottom: 0;
} }
.account {
border-bottom: 0;
padding: 0;
&__display-name {
align-items: center;
display: flex;
margin-right: 5px;
}
div.account__display-name {
&:hover {
.display-name strong {
text-decoration: none;
}
}
.account__avatar {
cursor: default;
}
}
&__avatar-wrapper {
margin-left: 0;
flex: 0 0 auto;
}
&__avatar {
width: 44px;
height: 44px;
background-size: 44px 44px;
}
.display-name {
font-size: 15px;
&__account {
font-size: 14px;
}
}
}
@media screen and (max-width: $small-breakpoint) {
.contact {
margin-top: 30px;
}
}
@media screen and (max-width: $column-breakpoint) { @media screen and (max-width: $column-breakpoint) {
padding: 25px 20px; padding: 25px 20px;
} }
@ -816,6 +869,8 @@ $small-breakpoint: 960px;
font-size: 16px; font-size: 16px;
line-height: inherit; line-height: inherit;
font-weight: inherit; font-weight: inherit;
margin: 0;
padding: 0;
} }
.column { .column {
@ -852,8 +907,13 @@ $small-breakpoint: 960px;
} }
&__features { &__features {
& > p {
padding-right: 60px;
}
.features-list { .features-list {
margin: 40px 0 !important; margin: 40px 0;
margin-top: 30px;
} }
&__action { &__action {
@ -862,17 +922,11 @@ $small-breakpoint: 960px;
} }
.features-list { .features-list {
margin-top: 20px;
.features-list__row { .features-list__row {
display: flex; display: flex;
padding: 10px 0; padding: 10px 0;
justify-content: space-between; justify-content: space-between;
&:first-child {
padding-top: 0;
}
.visual { .visual {
flex: 0 0 auto; flex: 0 0 auto;
display: flex; display: flex;
@ -898,6 +952,14 @@ $small-breakpoint: 960px;
} }
} }
} }
@media screen and (min-width: $small-breakpoint) {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 50%;
grid-auto-rows: max-content;
}
} }
.extended-description { .extended-description {