is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| mixins.sass (bulma-0.9.3) | : | mixins.sass (bulma-0.9.4) |
|---|
| | |
| skipping to change at line 28 | | skipping to change at line 28 |
|---|
| =fa($size, $dimensions) | | =fa($size, $dimensions) |
| display: inline-block | | display: inline-block |
| font-size: $size | | font-size: $size |
| height: $dimensions | | height: $dimensions |
| line-height: $dimensions | | line-height: $dimensions |
| text-align: center | | text-align: center |
| vertical-align: top | | vertical-align: top |
| width: $dimensions | | width: $dimensions |
| | |
| =hamburger($dimensions) | | =hamburger($dimensions) |
|
| | -moz-appearance: none |
| | -webkit-appearance: none |
| | appearance: none |
| | background: none |
| | border: none |
| cursor: pointer | | cursor: pointer |
| display: block | | display: block |
| height: $dimensions | | height: $dimensions |
| position: relative | | position: relative |
| width: $dimensions | | width: $dimensions |
| span | | span |
| background-color: currentColor | | background-color: currentColor |
| display: block | | display: block |
| height: 1px | | height: 1px |
| left: calc(50% - 8px) | | left: calc(50% - 8px) |
| | |
| skipping to change at line 93 | | skipping to change at line 98 |
|---|
| // Responsiveness | | // Responsiveness |
| | |
| =from($device) | | =from($device) |
| @media screen and (min-width: $device) | | @media screen and (min-width: $device) |
| @content | | @content |
| | |
| =until($device) | | =until($device) |
| @media screen and (max-width: $device - 1px) | | @media screen and (max-width: $device - 1px) |
| @content | | @content |
| | |
|
| | =between($from, $until) |
| | @media screen and (min-width: $from) and (max-width: $until - 1px) |
| | @content |
| | |
| =mobile | | =mobile |
| @media screen and (max-width: $tablet - 1px) | | @media screen and (max-width: $tablet - 1px) |
| @content | | @content |
| | |
| =tablet | | =tablet |
| @media screen and (min-width: $tablet), print | | @media screen and (min-width: $tablet), print |
| @content | | @content |
| | |
| =tablet-only | | =tablet-only |
| @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) | | @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) |
| | |
| skipping to change at line 143 | | skipping to change at line 152 |
|---|
| =until-fullhd | | =until-fullhd |
| @if $fullhd-enabled | | @if $fullhd-enabled |
| @media screen and (max-width: $fullhd - 1px) | | @media screen and (max-width: $fullhd - 1px) |
| @content | | @content |
| | |
| =fullhd | | =fullhd |
| @if $fullhd-enabled | | @if $fullhd-enabled |
| @media screen and (min-width: $fullhd) | | @media screen and (min-width: $fullhd) |
| @content | | @content |
| | |
|
| | =breakpoint($name) |
| | $breakpoint: map-get($breakpoints, $name) |
| | @if $breakpoint |
| | $from: map-get($breakpoint, "from") |
| | $until: map-get($breakpoint, "until") |
| | @if $from and $until |
| | +between($from, $until) |
| | @content |
| | @else if $from |
| | +from($from) |
| | @content |
| | @else if $until |
| | +until($until) |
| | @content |
| | |
| =ltr | | =ltr |
| @if not $rtl | | @if not $rtl |
| @content | | @content |
| | |
| =rtl | | =rtl |
| @if $rtl | | @if $rtl |
| @content | | @content |
| | |
| =ltr-property($property, $spacing, $right: true) | | =ltr-property($property, $spacing, $right: true) |
| $normal: if($right, "right", "left") | | $normal: if($right, "right", "left") |
| | | |
| End of changes. 3 change blocks. |
|---|
| 0 lines changed or deleted | | 24 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 