is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| mixins.sass (bulma-0.9.2) | : | mixins.sass (bulma-0.9.3) |
|---|
| | |
| skipping to change at line 12 | | skipping to change at line 12 |
|---|
| | |
| =clearfix | | =clearfix |
| &::after | | &::after |
| clear: both | | clear: both |
| content: " " | | content: " " |
| display: table | | display: table |
| | |
| =center($width, $height: 0) | | =center($width, $height: 0) |
| position: absolute | | position: absolute |
| @if $height != 0 | | @if $height != 0 |
|
| left: calc(50% - (#{$width} / 2)) | | left: calc(50% - (#{$width} * 0.5)) |
| top: calc(50% - (#{$height} / 2)) | | top: calc(50% - (#{$height} * 0.5)) |
| @else | | @else |
|
| left: calc(50% - (#{$width} / 2)) | | left: calc(50% - (#{$width} * 0.5)) |
| top: calc(50% - (#{$width} / 2)) | | top: calc(50% - (#{$width} * 0.5)) |
| | |
| =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 |
| | |
| | |
| skipping to change at line 71 | | skipping to change at line 71 |
|---|
| | |
| =overflow-touch | | =overflow-touch |
| -webkit-overflow-scrolling: touch | | -webkit-overflow-scrolling: touch |
| | |
| =placeholder | | =placeholder |
| $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input' | | $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input' |
| @each $placeholder in $placeholders | | @each $placeholder in $placeholders |
| &:#{$placeholder}-placeholder | | &:#{$placeholder}-placeholder |
| @content | | @content |
| | |
|
| | =reset |
| | -moz-appearance: none |
| | -webkit-appearance: none |
| | appearance: none |
| | background: none |
| | border: none |
| | color: currentColor |
| | font-family: inherit |
| | font-size: 1em |
| | margin: 0 |
| | padding: 0 |
| | |
| // 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 |
| | |
| | | |
| End of changes. 3 change blocks. |
|---|
| 4 lines changed or deleted | | 16 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 