forked from treehouse/mastodon
In wide layout, columnize Mastodon features on landing page (#6674)
parent
cfa9b6e13a
commit
8de048fcdb
|
@ -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 {
|
||||||
|
|
|
@ -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'
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue