is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| hero.sass (bulma-0.9.2) | : | hero.sass (bulma-0.9.3) |
|---|
| @import "../utilities/mixins" | | @import "../utilities/mixins" |
| | |
| $hero-body-padding: 3rem 1.5rem !default | | $hero-body-padding: 3rem 1.5rem !default |
|
| | $hero-body-padding-tablet: 3rem 3rem !default |
| $hero-body-padding-small: 1.5rem !default | | $hero-body-padding-small: 1.5rem !default |
|
| $hero-body-padding-medium: 9rem 1.5rem !default | | $hero-body-padding-medium: 9rem 4.5rem !default |
| $hero-body-padding-large: 18rem 1.5rem !default | | $hero-body-padding-large: 18rem 6rem !default |
| | |
| $hero-colors: $colors !default | | $hero-colors: $colors !default |
| | |
| // Main container | | // Main container |
| .hero | | .hero |
| align-items: stretch | | align-items: stretch |
| display: flex | | display: flex |
| flex-direction: column | | flex-direction: column |
| justify-content: space-between | | justify-content: space-between |
| .navbar | | .navbar |
| | |
| skipping to change at line 58 | | skipping to change at line 59 |
|---|
| background-color: bulmaDarken($color, 5%) | | background-color: bulmaDarken($color, 5%) |
| color: $color-invert | | color: $color-invert |
| .tabs | | .tabs |
| a | | a |
| color: $color-invert | | color: $color-invert |
| opacity: 0.9 | | opacity: 0.9 |
| &:hover | | &:hover |
| opacity: 1 | | opacity: 1 |
| li | | li |
| &.is-active a | | &.is-active a |
|
| | color: $color !important |
| opacity: 1 | | opacity: 1 |
| &.is-boxed, | | &.is-boxed, |
| &.is-toggle | | &.is-toggle |
| a | | a |
| color: $color-invert | | color: $color-invert |
| &:hover | | &:hover |
| background-color: bulmaRgba($scheme-invert, 0.1) | | background-color: bulmaRgba($scheme-invert, 0.1) |
| li.is-active a | | li.is-active a |
| &, | | &, |
| &:hover | | &:hover |
| | |
| skipping to change at line 150 | | skipping to change at line 152 |
|---|
| | |
| .hero-head, | | .hero-head, |
| .hero-foot | | .hero-foot |
| flex-grow: 0 | | flex-grow: 0 |
| flex-shrink: 0 | | flex-shrink: 0 |
| | |
| .hero-body | | .hero-body |
| flex-grow: 1 | | flex-grow: 1 |
| flex-shrink: 0 | | flex-shrink: 0 |
| padding: $hero-body-padding | | padding: $hero-body-padding |
|
| | +tablet |
| | padding: $hero-body-padding-tablet |
| | | |
| End of changes. 4 change blocks. |
|---|
| 2 lines changed or deleted | | 4 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 