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 margin-bottom: -10px
&:not(:last-child) &:not(:last-child)
margin-bottom: 10px margin-bottom: 10px
&.is-centered
justify-content: center
&.is-mobile &.is-mobile
display: flex display: flex
&.is-gapless &.is-gapless

View File

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

View File

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

View File

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