Misc fixes

This commit is contained in:
Dane Everitt 2018-07-27 21:25:20 -07:00
parent 1dbd24165a
commit 1d055089cd
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
6 changed files with 17 additions and 23 deletions

View File

@ -1,6 +1,4 @@
.home { .home {
padding-top: $nav-height;
.hero { .hero {
@apply .text-center .mx-auto; @apply .text-center .mx-auto;
max-width: 960px; max-width: 960px;
@ -26,5 +24,5 @@
@apply border-b-0 pb-0; @apply border-b-0 pb-0;
} }
} }
} }
} }

View File

@ -1,14 +1,14 @@
.page { .page {
padding-top: $nav-height; padding-top: 56px;
@screen md { @screen md {
padding-left: $sidebar-width; padding-left: 20rem;
} }
} }
.content { .content {
@apply .mx-auto .p-4; @apply .mx-auto .p-4;
max-width: $content-width; max-width: 840px;
@screen md { @screen md {
@apply .p-8; @apply .p-8;
@ -21,7 +21,7 @@
.page-edit { .page-edit {
@apply .mx-auto .px-4 .pb-4; @apply .mx-auto .px-4 .pb-4;
max-width: $content-width; max-width: 840px;
@screen md { @screen md {
@apply .px-8 .pb-8; @apply .px-8 .pb-8;
@ -30,7 +30,7 @@
.page-nav { .page-nav {
@apply .mx-auto .px-4 .pb-4; @apply .mx-auto .px-4 .pb-4;
max-width: $content-width; max-width: 840px;
@screen md { @screen md {
@apply .px-8 .pb-8; @apply .px-8 .pb-8;

View File

@ -1,7 +1,6 @@
@import "tailwindcss/preflight"; @import "tailwindcss/preflight";
@import "tailwindcss/components"; @import "tailwindcss/components";
@import "./variables.css";
@import "./layout.css"; @import "./layout.css";
@import "./text.css"; @import "./text.css";
@import "./nav.css"; @import "./nav.css";

View File

@ -6,8 +6,8 @@ $arrow-bg: #000;
} }
@apply .fixed .pin-l .pin-b .bg-white .overflow-auto .border-r .border-grey-lighter .py-8; @apply .fixed .pin-l .pin-b .bg-white .overflow-auto .border-r .border-grey-lighter .py-8;
top: $nav-height; top: 56px;
width: $sidebar-width; width: 20rem;
font-size: 15px; font-size: 15px;
ul { ul {

View File

@ -37,8 +37,8 @@ a.header-anchor {
.content:not(.custom) { .content:not(.custom) {
& > h1, h2, h3, h4, h5, h6 { & > h1, h2, h3, h4, h5, h6 {
margin-top: calc(.5rem - $nav-height); margin-top: calc(.5rem - 56px);
padding-top: calc($nav-height + 1rem); padding-top: calc(56px + 1rem);
&:first-child { &:first-child {
@apply .my-1 .pt-0; @apply .my-1 .pt-0;

View File

@ -1,3 +0,0 @@
$sidebar-width: 20rem;
$nav-height: 48px;
$content-width: 840px;