is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| columns.sass (bulma-0.9.2) | : | columns.sass (bulma-0.9.3) |
|---|
| | |
| skipping to change at line 65 | | skipping to change at line 65 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| .columns.is-mobile > &.is-offset-two-fifths | | .columns.is-mobile > &.is-offset-two-fifths |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| .columns.is-mobile > &.is-offset-three-fifths | | .columns.is-mobile > &.is-offset-three-fifths |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| .columns.is-mobile > &.is-offset-four-fifths | | .columns.is-mobile > &.is-offset-four-fifths |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| .columns.is-mobile > &.is-#{$i} | | .columns.is-mobile > &.is-#{$i} |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| .columns.is-mobile > &.is-offset-#{$i} | | .columns.is-mobile > &.is-offset-#{$i} |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +mobile | | +mobile |
| &.is-narrow-mobile | | &.is-narrow-mobile |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full-mobile | | &.is-full-mobile |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters-mobile | | &.is-three-quarters-mobile |
| flex: none | | flex: none |
| width: 75% | | width: 75% |
| | |
| skipping to change at line 123 | | skipping to change at line 123 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| &.is-offset-two-fifths-mobile | | &.is-offset-two-fifths-mobile |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| &.is-offset-three-fifths-mobile | | &.is-offset-three-fifths-mobile |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths-mobile | | &.is-offset-four-fifths-mobile |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}-mobile | | &.is-#{$i}-mobile |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}-mobile | | &.is-offset-#{$i}-mobile |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +tablet | | +tablet |
| &.is-narrow, | | &.is-narrow, |
| &.is-narrow-tablet | | &.is-narrow-tablet |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full, | | &.is-full, |
| &.is-full-tablet | | &.is-full-tablet |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters, | | &.is-three-quarters, |
| | |
| skipping to change at line 202 | | skipping to change at line 202 |
|---|
| &.is-offset-three-fifths, | | &.is-offset-three-fifths, |
| &.is-offset-three-fifths-tablet | | &.is-offset-three-fifths-tablet |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths, | | &.is-offset-four-fifths, |
| &.is-offset-four-fifths-tablet | | &.is-offset-four-fifths-tablet |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}, | | &.is-#{$i}, |
| &.is-#{$i}-tablet | | &.is-#{$i}-tablet |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}, | | &.is-offset-#{$i}, |
| &.is-offset-#{$i}-tablet | | &.is-offset-#{$i}-tablet |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +touch | | +touch |
| &.is-narrow-touch | | &.is-narrow-touch |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full-touch | | &.is-full-touch |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters-touch | | &.is-three-quarters-touch |
| flex: none | | flex: none |
| width: 75% | | width: 75% |
| | |
| skipping to change at line 261 | | skipping to change at line 261 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| &.is-offset-two-fifths-touch | | &.is-offset-two-fifths-touch |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| &.is-offset-three-fifths-touch | | &.is-offset-three-fifths-touch |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths-touch | | &.is-offset-four-fifths-touch |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}-touch | | &.is-#{$i}-touch |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}-touch | | &.is-offset-#{$i}-touch |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +desktop | | +desktop |
| &.is-narrow-desktop | | &.is-narrow-desktop |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full-desktop | | &.is-full-desktop |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters-desktop | | &.is-three-quarters-desktop |
| flex: none | | flex: none |
| width: 75% | | width: 75% |
| | |
| skipping to change at line 319 | | skipping to change at line 319 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| &.is-offset-two-fifths-desktop | | &.is-offset-two-fifths-desktop |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| &.is-offset-three-fifths-desktop | | &.is-offset-three-fifths-desktop |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths-desktop | | &.is-offset-four-fifths-desktop |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}-desktop | | &.is-#{$i}-desktop |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}-desktop | | &.is-offset-#{$i}-desktop |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +widescreen | | +widescreen |
| &.is-narrow-widescreen | | &.is-narrow-widescreen |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full-widescreen | | &.is-full-widescreen |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters-widescreen | | &.is-three-quarters-widescreen |
| flex: none | | flex: none |
| width: 75% | | width: 75% |
| | |
| skipping to change at line 377 | | skipping to change at line 377 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| &.is-offset-two-fifths-widescreen | | &.is-offset-two-fifths-widescreen |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| &.is-offset-three-fifths-widescreen | | &.is-offset-three-fifths-widescreen |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths-widescreen | | &.is-offset-four-fifths-widescreen |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}-widescreen | | &.is-#{$i}-widescreen |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}-widescreen | | &.is-offset-#{$i}-widescreen |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| +fullhd | | +fullhd |
| &.is-narrow-fullhd | | &.is-narrow-fullhd |
| flex: none | | flex: none |
| width: unset | | width: unset |
| &.is-full-fullhd | | &.is-full-fullhd |
| flex: none | | flex: none |
| width: 100% | | width: 100% |
| &.is-three-quarters-fullhd | | &.is-three-quarters-fullhd |
| flex: none | | flex: none |
| width: 75% | | width: 75% |
| | |
| skipping to change at line 435 | | skipping to change at line 435 |
|---|
| +ltr-property("margin", 20%, false) | | +ltr-property("margin", 20%, false) |
| &.is-offset-two-fifths-fullhd | | &.is-offset-two-fifths-fullhd |
| +ltr-property("margin", 40%, false) | | +ltr-property("margin", 40%, false) |
| &.is-offset-three-fifths-fullhd | | &.is-offset-three-fifths-fullhd |
| +ltr-property("margin", 60%, false) | | +ltr-property("margin", 60%, false) |
| &.is-offset-four-fifths-fullhd | | &.is-offset-four-fifths-fullhd |
| +ltr-property("margin", 80%, false) | | +ltr-property("margin", 80%, false) |
| @for $i from 0 through 12 | | @for $i from 0 through 12 |
| &.is-#{$i}-fullhd | | &.is-#{$i}-fullhd |
| flex: none | | flex: none |
|
| width: percentage($i / 12) | | width: percentage(divide($i, 12)) |
| &.is-offset-#{$i}-fullhd | | &.is-offset-#{$i}-fullhd |
|
| +ltr-property("margin", percentage($i / 12), false) | | +ltr-property("margin", percentage(divide($i, 12)), false) |
| | |
| .columns | | .columns |
| +ltr-property("margin", (-$column-gap), false) | | +ltr-property("margin", (-$column-gap), false) |
| +ltr-property("margin", (-$column-gap)) | | +ltr-property("margin", (-$column-gap)) |
| margin-top: (-$column-gap) | | margin-top: (-$column-gap) |
| &:last-child | | &:last-child |
| margin-bottom: (-$column-gap) | | margin-bottom: (-$column-gap) |
| &:not(:last-child) | | &:not(:last-child) |
| margin-bottom: calc(1.5rem - #{$column-gap}) | | margin-bottom: calc(1.5rem - #{$column-gap}) |
| // Modifiers | | // Modifiers |
| | | |
| End of changes. 14 change blocks. |
|---|
| 14 lines changed or deleted | | 14 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 