Bulma CSS Framework Widths.

widths.sass

// Requires Bulma CSS Framework
// I have no idea where I found this file nor remember if I actually made it
// by extracting the code from the Grid>columns.sass file
// I believe it was a file in a previous release of Bulma called block.sass.
// If you know, please comment. 
// Thanks.

@charset "utf8"
// Import the Bulma Mixins file
@import "../utilities/mixins"

.width
  @for $i from 0 through 12
    &.is-#{$i}
      flex: none
      width: percentage(divide($i, 12))
    &.is-offset-#{$i}
      +ltr-property("margin", percentage(divide($i, 12)), false)
  +mobile
    @for $i from 0 through 12
      &.is-#{$i}-mobile
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i}-mobile
        +ltr-property("margin", percentage(divide($i, 12)), false)
  +tablet
    @for $i from 0 through 12
      &.is-#{$i},
      &.is-#{$i}-tablet
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i},
      &.is-offset-#{$i}-tablet
        +ltr-property("margin", percentage(divide($i, 12)), false)
  +touch
    @for $i from 0 through 12
      &.is-#{$i}-touch
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i}-touch
        +ltr-property("margin", percentage(divide($i, 12)), false)
  +desktop
    @for $i from 0 through 12
      &.is-#{$i}-desktop
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i}-desktop
        +ltr-property("margin", percentage(divide($i, 12)), false)
  +widescreen
    @for $i from 0 through 12
      &.is-#{$i}-widescreen
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i}-widescreen
        +ltr-property("margin", percentage(divide($i, 12)), false)
  +fullhd
    @for $i from 0 through 12
      &.is-#{$i}-fullhd
        flex: none
        width: percentage(divide($i, 12))
      &.is-offset-#{$i}-fullhd
        +ltr-property("margin", percentage(divide($i, 12)), false)