In wide layout, columnize Mastodon features on landing page (#6674)

This commit is contained in:
Eugen Rochko 2018-03-07 08:59:27 +01:00 committed by GitHub
parent cfa9b6e13a
commit 8de048fcdb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 9 deletions

View File

@ -832,8 +832,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 {
@ -842,17 +847,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;
@ -878,6 +877,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 {

View File

@ -103,8 +103,10 @@
- if Setting.timeline_preview - if Setting.timeline_preview
.column-4.landing-page__information .column-4.landing-page__information
.landing-page__features .landing-page__features
%h3= t 'about.what_is_mastodon' .features-list
%p= t 'about.about_mastodon_html' %div
%h3= t 'about.what_is_mastodon'
%p= t 'about.about_mastodon_html'
= render 'features' = render 'features'