Make the layout wider
This commit is contained in:
parent
d827a05656
commit
50ef0a4bf7
|
@ -15,7 +15,7 @@ $success: #79bd9a; // color7
|
||||||
$transition-in: 100ms linear;
|
$transition-in: 100ms linear;
|
||||||
$transition-out: 250ms linear;
|
$transition-out: 250ms linear;
|
||||||
|
|
||||||
$content-width: 960px;
|
$content-width: 1080px;
|
||||||
$mobile-width: 600px;
|
$mobile-width: 600px;
|
||||||
|
|
||||||
/* http://meyerweb.com/eric/tools/css/reset/
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
@ -93,12 +93,10 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
box-sizing: border-box;
|
||||||
max-width: $content-width;
|
max-width: $content-width;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
@media screen and (max-width: $mobile-width) {
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-layout {
|
.sidebar-layout {
|
||||||
|
@ -141,6 +139,10 @@ body {
|
||||||
|
|
||||||
& > ul > li {
|
& > ul > li {
|
||||||
margin-bottom: 26px;
|
margin-bottom: 26px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub-title {
|
.sub-title {
|
||||||
|
@ -433,6 +435,7 @@ main {
|
||||||
font-family: 'Roboto Mono', monospace;
|
font-family: 'Roboto Mono', monospace;
|
||||||
background-color: lighten($darkest, 8%);
|
background-color: lighten($darkest, 8%);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
hyphens: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
|
|
|
@ -91,8 +91,6 @@ Unlike proprietary services, **anyone has the complete freedom to run, examine,
|
||||||
|
|
||||||
## Choose your path
|
## Choose your path
|
||||||
|
|
||||||
![](/assets/elephant.svg)
|
|
||||||
|
|
||||||
Learn how to use Mastodon:
|
Learn how to use Mastodon:
|
||||||
|
|
||||||
{{< page-ref page="user/signup.md" >}}
|
{{< page-ref page="user/signup.md" >}}
|
||||||
|
|
Loading…
Reference in New Issue