bulma-rails 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/app/assets/stylesheets/sass/components/grid.sass +37 -0
- data/app/assets/stylesheets/sass/components/media.sass +0 -5
- data/app/assets/stylesheets/sass/components/pagination.sass +0 -6
- data/app/assets/stylesheets/sass/elements/button.sass +6 -3
- data/app/assets/stylesheets/sass/elements/form.sass +27 -14
- data/app/assets/stylesheets/sass/elements/image.sass +2 -0
- data/app/assets/stylesheets/sass/elements/table.sass +2 -2
- data/app/assets/stylesheets/sass/layout/hero.sass +0 -4
- data/app/assets/stylesheets/sass/layout/section.sass +2 -3
- data/app/assets/stylesheets/sass/utilities/controls.sass +2 -1
- data/bulma-rails.gemspec +1 -1
- metadata +2 -2
    
        checksums.yaml
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            ---
         | 
| 2 2 | 
             
            SHA1:
         | 
| 3 | 
            -
              metadata.gz:  | 
| 4 | 
            -
              data.tar.gz:  | 
| 3 | 
            +
              metadata.gz: 6dc3ecac676a038c4fa9fc991854a35e1b1209e7
         | 
| 4 | 
            +
              data.tar.gz: 957d8a24c8a5a60bcc0c1e6aa7f444bfa679d33d
         | 
| 5 5 | 
             
            SHA512:
         | 
| 6 | 
            -
              metadata.gz:  | 
| 7 | 
            -
              data.tar.gz:  | 
| 6 | 
            +
              metadata.gz: 21a77831e02c3523120873f99c61e46cdb4b1487428c855a00fe8814504579d244f524fb7c687a2891436bbd823e11421aa60d803248f32e83f08f4eada69b47
         | 
| 7 | 
            +
              data.tar.gz: b425eb1d15b8ee764bb96a9ad7b053f7732c34605caacf278e130d0201bfd64e76fb1243084eb158189b8c158f14dddf5ea254a91d4c59b5a3aee0871167afd2
         | 
    
        data/README.md
    CHANGED
    
    
| @@ -162,6 +162,43 @@ | |
| 162 162 | 
             
                    width: ($i / 12) * 100%
         | 
| 163 163 | 
             
                  &.is-offset-#{$i}-desktop
         | 
| 164 164 | 
             
                    margin-left: ($i / 12) * 100%
         | 
| 165 | 
            +
              +widescreen
         | 
| 166 | 
            +
                &.is-narrow-widescreen
         | 
| 167 | 
            +
                  flex: none
         | 
| 168 | 
            +
                &.is-full-widescreen
         | 
| 169 | 
            +
                  flex: none
         | 
| 170 | 
            +
                  width: 100%
         | 
| 171 | 
            +
                &.is-three-quarters-widescreen
         | 
| 172 | 
            +
                  flex: none
         | 
| 173 | 
            +
                  width: 75%
         | 
| 174 | 
            +
                &.is-two-thirds-widescreen
         | 
| 175 | 
            +
                  flex: none
         | 
| 176 | 
            +
                  width: 66.6666%
         | 
| 177 | 
            +
                &.is-half-widescreen
         | 
| 178 | 
            +
                  flex: none
         | 
| 179 | 
            +
                  width: 50%
         | 
| 180 | 
            +
                &.is-one-third-widescreen
         | 
| 181 | 
            +
                  flex: none
         | 
| 182 | 
            +
                  width: 33.3333%
         | 
| 183 | 
            +
                &.is-one-quarter-widescreen
         | 
| 184 | 
            +
                  flex: none
         | 
| 185 | 
            +
                  width: 25%
         | 
| 186 | 
            +
                &.is-offset-three-quarters-widescreen
         | 
| 187 | 
            +
                  margin-left: 75%
         | 
| 188 | 
            +
                &.is-offset-two-thirds-widescreen
         | 
| 189 | 
            +
                  margin-left: 66.6666%
         | 
| 190 | 
            +
                &.is-offset-half-widescreen
         | 
| 191 | 
            +
                  margin-left: 50%
         | 
| 192 | 
            +
                &.is-offset-one-third-widescreen
         | 
| 193 | 
            +
                  margin-left: 33.3333%
         | 
| 194 | 
            +
                &.is-offset-one-quarter-widescreen
         | 
| 195 | 
            +
                  margin-left: 25%
         | 
| 196 | 
            +
                @for $i from 1 through 12
         | 
| 197 | 
            +
                  &.is-#{$i}-widescreen
         | 
| 198 | 
            +
                    flex: none
         | 
| 199 | 
            +
                    width: ($i / 12) * 100%
         | 
| 200 | 
            +
                  &.is-offset-#{$i}-widescreen
         | 
| 201 | 
            +
                    margin-left: ($i / 12) * 100%
         | 
| 165 202 |  | 
| 166 203 | 
             
            .columns
         | 
| 167 204 | 
             
              margin-left: -10px
         | 
| @@ -35,15 +35,10 @@ | |
| 35 35 | 
             
                border-top: 1px solid rgba($border, 0.5)
         | 
| 36 36 | 
             
                display: flex
         | 
| 37 37 | 
             
                padding-top: 10px
         | 
| 38 | 
            -
                .textarea
         | 
| 39 | 
            -
                  +control-small
         | 
| 40 | 
            -
                .button
         | 
| 41 | 
            -
                  +button-small
         | 
| 42 38 | 
             
                .content:not(:last-child),
         | 
| 43 39 | 
             
                .control:not(:last-child)
         | 
| 44 40 | 
             
                  margin-bottom: 5px
         | 
| 45 41 | 
             
                .media
         | 
| 46 | 
            -
                  font-size: 12px
         | 
| 47 42 | 
             
                  padding-top: 5px
         | 
| 48 43 | 
             
                  & + .media
         | 
| 49 44 | 
             
                    margin-top: 5px
         | 
| @@ -4,15 +4,9 @@ | |
| 4 4 | 
             
              justify-content: center
         | 
| 5 5 | 
             
              text-align: center
         | 
| 6 6 | 
             
              a
         | 
| 7 | 
            -
                @extend .button
         | 
| 8 7 | 
             
                display: block
         | 
| 9 8 | 
             
                min-width: 32px
         | 
| 10 9 | 
             
                padding: 3px 8px
         | 
| 11 | 
            -
                // Modifiers
         | 
| 12 | 
            -
                &.is-active
         | 
| 13 | 
            -
                  background: $link
         | 
| 14 | 
            -
                  border-color: $link
         | 
| 15 | 
            -
                  color: $link-invert
         | 
| 16 10 | 
             
              span
         | 
| 17 11 | 
             
                color: $text-light
         | 
| 18 12 | 
             
                display: block
         | 
| @@ -39,7 +39,9 @@ | |
| 39 39 | 
             
                &:last-child
         | 
| 40 40 | 
             
                  margin-left: 4px
         | 
| 41 41 | 
             
                  margin-right: -2px
         | 
| 42 | 
            -
              &:hover
         | 
| 42 | 
            +
              &:hover,
         | 
| 43 | 
            +
              &:focus,
         | 
| 44 | 
            +
              &.is-active
         | 
| 43 45 | 
             
                color: $control-hover
         | 
| 44 46 | 
             
              &:active
         | 
| 45 47 | 
             
                box-shadow: inset 0 1px 2px rgba($black, 0.2)
         | 
| @@ -52,7 +54,8 @@ | |
| 52 54 | 
             
                  border-color: transparent
         | 
| 53 55 | 
             
                  color: $color-invert
         | 
| 54 56 | 
             
                  &:hover,
         | 
| 55 | 
            -
                  &:focus
         | 
| 57 | 
            +
                  &:focus,
         | 
| 58 | 
            +
                  &.is-active
         | 
| 56 59 | 
             
                    background: darken($color, 10%)
         | 
| 57 60 | 
             
                    border-color: transparent
         | 
| 58 61 | 
             
                    color: $color-invert
         | 
| @@ -96,7 +99,7 @@ | |
| 96 99 | 
             
              &.is-disabled
         | 
| 97 100 | 
             
                opacity: 0.5
         | 
| 98 101 | 
             
              &.is-fullwidth
         | 
| 99 | 
            -
                display:  | 
| 102 | 
            +
                display: flex
         | 
| 100 103 | 
             
                width: 100%
         | 
| 101 104 | 
             
              &.is-loading
         | 
| 102 105 | 
             
                color: transparent !important
         | 
| @@ -15,20 +15,11 @@ | |
| 15 15 | 
             
              // Sizes
         | 
| 16 16 | 
             
              &.is-small
         | 
| 17 17 | 
             
                +control-small
         | 
| 18 | 
            -
                &.is-flat
         | 
| 19 | 
            -
                  padding: 4px 6px
         | 
| 20 18 | 
             
              &.is-medium
         | 
| 21 19 | 
             
                +control-medium
         | 
| 22 | 
            -
                &.is-flat
         | 
| 23 | 
            -
                  padding: 4px 10px
         | 
| 24 20 | 
             
              &.is-large
         | 
| 25 21 | 
             
                +control-large
         | 
| 26 | 
            -
                &.is-flat
         | 
| 27 | 
            -
                  padding: 4px 12px
         | 
| 28 22 | 
             
              // Modifiers
         | 
| 29 | 
            -
              &.is-flat
         | 
| 30 | 
            -
                border: none
         | 
| 31 | 
            -
                box-shadow: none
         | 
| 32 23 | 
             
              &.is-fullwidth
         | 
| 33 24 | 
             
                display: block
         | 
| 34 25 | 
             
                width: 100%
         | 
| @@ -98,6 +89,21 @@ | |
| 98 89 | 
             
              &:hover
         | 
| 99 90 | 
             
                &:after
         | 
| 100 91 | 
             
                  border-color: $link-hover
         | 
| 92 | 
            +
              &.is-small
         | 
| 93 | 
            +
                height: 24px
         | 
| 94 | 
            +
                select
         | 
| 95 | 
            +
                  +control-small
         | 
| 96 | 
            +
                  padding-right: 28px
         | 
| 97 | 
            +
              &.is-medium
         | 
| 98 | 
            +
                height: 40px
         | 
| 99 | 
            +
                select
         | 
| 100 | 
            +
                  +control-medium
         | 
| 101 | 
            +
                  padding-right: 44px
         | 
| 102 | 
            +
              &.is-large
         | 
| 103 | 
            +
                height: 48px
         | 
| 104 | 
            +
                select
         | 
| 105 | 
            +
                  +control-large
         | 
| 106 | 
            +
                  padding-right: 52px
         | 
| 101 107 |  | 
| 102 108 | 
             
            .label
         | 
| 103 109 | 
             
              color: $text-strong
         | 
| @@ -140,6 +146,7 @@ | |
| 140 146 | 
             
                .select
         | 
| 141 147 | 
             
                  border-radius: 0
         | 
| 142 148 | 
             
                  margin-right: -1px
         | 
| 149 | 
            +
                  width: auto
         | 
| 143 150 | 
             
                  &:hover
         | 
| 144 151 | 
             
                    z-index: 2
         | 
| 145 152 | 
             
                  &:active,
         | 
| @@ -153,10 +160,17 @@ | |
| 153 160 | 
             
                    border-radius: 0 $radius $radius 0
         | 
| 154 161 | 
             
                    select
         | 
| 155 162 | 
             
                      border-radius: 0 $radius $radius 0
         | 
| 163 | 
            +
                  &.is-expanded
         | 
| 164 | 
            +
                    flex: 1
         | 
| 156 165 | 
             
                &.has-addons-centered
         | 
| 157 166 | 
             
                  justify-content: center
         | 
| 158 167 | 
             
                &.has-addons-right
         | 
| 159 168 | 
             
                  justify-content: flex-end
         | 
| 169 | 
            +
                &.has-addons-fullwidth
         | 
| 170 | 
            +
                  .button,
         | 
| 171 | 
            +
                  .input,
         | 
| 172 | 
            +
                  .select
         | 
| 173 | 
            +
                    flex: 1
         | 
| 160 174 | 
             
              &.has-icon
         | 
| 161 175 | 
             
                & > .fa
         | 
| 162 176 | 
             
                  +fa(14px, 24px)
         | 
| @@ -214,13 +228,12 @@ | |
| 214 228 | 
             
              &.is-grouped
         | 
| 215 229 | 
             
                display: flex
         | 
| 216 230 | 
             
                justify-content: flex-start
         | 
| 217 | 
            -
                & > . | 
| 218 | 
            -
                & > .input,
         | 
| 219 | 
            -
                & > .select
         | 
| 231 | 
            +
                & > .control
         | 
| 220 232 | 
             
                  &:not(:last-child)
         | 
| 233 | 
            +
                    margin-bottom: 0
         | 
| 221 234 | 
             
                    margin-right: 10px
         | 
| 222 | 
            -
             | 
| 223 | 
            -
             | 
| 235 | 
            +
                  &.is-expanded
         | 
| 236 | 
            +
                    flex: 1
         | 
| 224 237 | 
             
                &.is-grouped-centered
         | 
| 225 238 | 
             
                  justify-content: center
         | 
| 226 239 | 
             
                &.is-grouped-right
         | 
    
        data/bulma-rails.gemspec
    CHANGED
    
    
    
        metadata
    CHANGED
    
    | @@ -1,14 +1,14 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: bulma-rails
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 0.0. | 
| 4 | 
            +
              version: 0.0.28
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - Joshua Jansen
         | 
| 8 8 | 
             
            autorequire: 
         | 
| 9 9 | 
             
            bindir: bin
         | 
| 10 10 | 
             
            cert_chain: []
         | 
| 11 | 
            -
            date: 2016-05- | 
| 11 | 
            +
            date: 2016-05-31 00:00:00.000000000 Z
         | 
| 12 12 | 
             
            dependencies:
         | 
| 13 13 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 14 14 | 
             
              name: sass
         |