Restructure elements and components

This commit is contained in:
Jeremy Thomas
2016-04-18 21:50:59 +01:00
parent b7fb0b9ed3
commit 23dcb47e22
11 changed files with 32 additions and 19 deletions

View File

@@ -1,6 +1,5 @@
@charset "utf-8"
@import "generic"
@import "content"
@import "highlight"
@import "helpers"
@import "highlight"

View File

@@ -1,67 +0,0 @@
.content
@extend .block
// Inline
li + li
margin-top: 0.25em
// Block
blockquote,
p,
ol,
ul
&:not(:last-child)
margin-bottom: 1em
h1,
h2,
h3,
h4,
h5,
h6
color: $text-strong
font-weight: 300
line-height: 1.125
margin-bottom: 20px
h1,
h2,
h3
&:not(:first-child)
margin-top: 40px
blockquote
background: $background
border-left: 5px solid $border
padding: 1.5em
h1
font-size: 2em
h2
font-size: 1.75em
h3
font-size: 1.5em
h4
font-size: 1.25em
h5
font-size: 1.125em
h6
font-size: 1em
ol
list-style: decimal outside
margin-left: 2em
margin-right: 2em
margin-top: 1em
ul
list-style: disc outside
margin-left: 2em
margin-right: 2em
margin-top: 1em
ul
list-style-type: circle
margin-top: 0.5em
ul
list-style-type: square
// Sizes
&.is-medium
font-size: $size-5
code
font-size: $size-6
&.is-large
font-size: $size-4
code
font-size: $size-5