mirror of
https://github.com/jgthms/bulma
synced 2026-03-22 21:14:30 -07:00
Add control colors, Add titles em, Add centered grid, Remove header-center
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user