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 {
& > p {
padding-right: 60px;
}
.features-list {
margin: 40px 0 !important;
margin: 40px 0;
margin-top: 30px;
}
&__action {
@ -842,17 +847,11 @@ $small-breakpoint: 960px;
}
.features-list {
margin-top: 20px;
.features-list__row {
display: flex;
padding: 10px 0;
justify-content: space-between;
&:first-child {
padding-top: 0;
}
.visual {
flex: 0 0 auto;
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 {

View file

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