Add control colors, Add titles em, Add centered grid, Remove header-center

This commit is contained in:
Jeremy Thomas 2016-02-21 22:46:02 +00:00
parent d34d66c4d2
commit 5e35a750a0
4 changed files with 24 additions and 11 deletions

View File

@ -105,6 +105,8 @@
margin-bottom: -10px
&:not(:last-child)
margin-bottom: 10px
&.is-centered
justify-content: center
&.is-mobile
display: flex
&.is-gapless

View File

@ -26,6 +26,15 @@
+placeholder
color: rgba($control, 0.3)
=form-control
+control
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
border-color: $color
color: $color
=control-small
border-radius: 2px
font-size: 11px
@ -44,7 +53,7 @@
padding: 3px 12px
.input
+control
+form-control
box-shadow: inset 0 1px 2px rgba(black, 0.1)
display: block
max-width: 100%
@ -92,7 +101,7 @@
position: relative
vertical-align: top
input
+control
+form-control
border-radius: 1px
box-shadow: inset 0 1px 1px rgba(black, 0.1)
cursor: pointer
@ -153,7 +162,7 @@
position: relative
vertical-align: top
select
+control
+form-control
cursor: pointer
display: block
outline: none
@ -171,6 +180,12 @@
&:after
border-color: $link-hover
.label
color: $text-strong
display: block
&:not(:last-child)
margin-bottom: 5px
.control
position: relative
text-align: left

View File

@ -2,9 +2,13 @@
.subtitle
@extend .block
font-weight: 300
em
font-weight: 300
a
&:hover
border-bottom: 1px solid
.tag
vertical-align: bottom
.title
color: $text-strong

View File

@ -73,13 +73,6 @@
.header-item:first-child
padding-left: 0
.header-center
align-items: stretch
display: flex
left: 50%
position: absolute
transform: translateX(-50%)
.header-right
align-items: stretch
+tablet
@ -127,7 +120,6 @@
.header.is-centered
justify-content: center
.header-left,
.header-center,
.header-right
justify-content: center