]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Add control colors, Add titles em, Add centered grid, Remove header-center
authorJeremy Thomas <bbxdesign@gmail.com>
Sun, 21 Feb 2016 22:46:02 +0000 (22:46 +0000)
committerJeremy Thomas <bbxdesign@gmail.com>
Sun, 21 Feb 2016 22:46:02 +0000 (22:46 +0000)
bulma/components/grid.sass
bulma/elements/controls.sass
bulma/elements/titles.sass
bulma/layout/header.sass

index 254acd136821ed3e9fc3954ebbc771264a06d72f..4d8cf862cd3c435c67bc4c827b977c40e5bede27 100644 (file)
     margin-bottom: -10px
   &:not(:last-child)
     margin-bottom: 10px
+  &.is-centered
+    justify-content: center
   &.is-mobile
     display: flex
   &.is-gapless
index f4ca31bb0cdd9b0b9d753a0e1422157d238438e4..27c5d5c0b68f7df55316b60794b2306b38cb0747 100644 (file)
       +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%
   position: relative
   vertical-align: top
   input
-    +control
+    +form-control
     border-radius: 1px
     box-shadow: inset 0 1px 1px rgba(black, 0.1)
     cursor: pointer
   position: relative
   vertical-align: top
   select
-    +control
+    +form-control
     cursor: pointer
     display: block
     outline: none
     &:after
       border-color: $link-hover
 
+.label
+  color: $text-strong
+  display: block
+  &:not(:last-child)
+    margin-bottom: 5px
+
 .control
   position: relative
   text-align: left
index 8c6edab0710c66289121fc5892f3d2bf1289cceb..6d6c9d13edea199f525eea15411716c2bc05e71c 100644 (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
index ce1e70c18360596929f636a3155ca6445e4d0ab6..0a3a02aec76914fac002bc5b4eca0802f3f61c91 100644 (file)
     .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
 .header.is-centered
   justify-content: center
   .header-left,
-  .header-center,
   .header-right
     justify-content: center