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 {
padding-top: $nav-height;
.hero {
@apply .text-center .mx-auto;
max-width: 960px;
@ -15,16 +13,16 @@
}
.features {
@apply .border-t .px-2 .mt-8 .flex .flex-wrap .items-start .content-between;
@apply .border-t .px-2 .mt-8 .flex .flex-wrap .items-start .content-between;
.feature {
@apply flex-grow;
flex-basis: 30%;
max-width: 30%;
.feature {
@apply flex-grow;
flex-basis: 30%;
max-width: 30%;
h2 {
@apply border-b-0 pb-0;
h2 {
@apply border-b-0 pb-0;
}
}
}
}
}

View File

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

View File

@ -1,7 +1,6 @@
@import "tailwindcss/preflight";
@import "tailwindcss/components";
@import "./variables.css";
@import "./layout.css";
@import "./text.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;
top: $nav-height;
width: $sidebar-width;
top: 56px;
width: 20rem;
font-size: 15px;
ul {

View File

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

View File

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