Add placeholders

This commit is contained in:
Jeremy Thomas
2016-09-22 22:03:22 +01:00
parent 14e01a1358
commit 7634faba6a
21 changed files with 1508 additions and 2925 deletions

View File

@@ -1,4 +1,4 @@
@import "../base/classes.sass"
@import "../base/placeholders.sass"
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
@@ -37,7 +37,7 @@
justify-content: flex-end
.level
@extend .block
@extend %block
align-items: center
justify-content: space-between
code

View File

@@ -1,4 +1,4 @@
@import "../base/classes.sass"
@import "../base/placeholders.sass"
@import "../utilities/functions.sass"
@import "../utilities/variables.sass"
@@ -21,7 +21,7 @@
border-top: none
.message
@extend .block
@extend %block
background-color: $background
border-radius: $radius
// Colors

View File

@@ -1,4 +1,4 @@
@import "../elements/other.sass"
@import "../base/placeholders.sass"
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
@@ -6,7 +6,8 @@
+overlay
background-color: rgba($black, 0.86)
.modal-content
.modal-content,
.modal-card
margin: 0 20px
max-height: calc(100vh - 160px)
overflow: auto
@@ -19,7 +20,7 @@
width: 640px
.modal-close
@extend .delete
@extend %delete
background: none
height: 40px
position: fixed
@@ -28,7 +29,6 @@
width: 40px
.modal-card
@extend .modal-content
display: flex
flex-direction: column
max-height: calc(100vh - 40px)

View File

@@ -1,11 +1,11 @@
@import "../elements/other.sass"
@import "../base/placeholders.sass"
@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
// Components
.nav-toggle
@extend .hamburger
@extend %hamburger
// Responsiveness
+tablet
display: none

View File

@@ -1,10 +1,9 @@
@import "../base/classes.sass"
@import "../elements/other.sass"
@import "../base/placeholders.sass"
@import "../utilities/variables.sass"
.tabs
@extend .block
@extend .unselectable
@extend %block
@extend %unselectable
align-items: stretch
display: flex
justify-content: space-between