Sha256: c5c7cde9879e69ec6d445f8674120b3bad8f7cebc0c15f41789cfad12a7b0369

Contents?: true

Size: 1.23 KB

Versions: 94

Compression:

Stored size: 1.23 KB

Contents

@import "../utilities/mixins"

$dimensions: 16 24 32 48 64 96 128 !default

.image
  display: block
  position: relative
  img
    display: block
    height: auto
    width: 100%
    &.is-rounded
      border-radius: $radius-rounded
  &.is-fullwidth
    width: 100%
  // Ratio
  &.is-square,
  &.is-1by1,
  &.is-5by4,
  &.is-4by3,
  &.is-3by2,
  &.is-5by3,
  &.is-16by9,
  &.is-2by1,
  &.is-3by1,
  &.is-4by5,
  &.is-3by4,
  &.is-2by3,
  &.is-3by5,
  &.is-9by16,
  &.is-1by2,
  &.is-1by3
    img,
    .has-ratio
      @extend %overlay
      height: 100%
      width: 100%
  &.is-square,
  &.is-1by1
    padding-top: 100%
  &.is-5by4
    padding-top: 80%
  &.is-4by3
    padding-top: 75%
  &.is-3by2
    padding-top: 66.6666%
  &.is-5by3
    padding-top: 60%
  &.is-16by9
    padding-top: 56.25%
  &.is-2by1
    padding-top: 50%
  &.is-3by1
    padding-top: 33.3333%
  &.is-4by5
    padding-top: 125%
  &.is-3by4
    padding-top: 133.3333%
  &.is-2by3
    padding-top: 150%
  &.is-3by5
    padding-top: 166.6666%
  &.is-9by16
    padding-top: 177.7777%
  &.is-1by2
    padding-top: 200%
  &.is-1by3
    padding-top: 300%
  // Sizes
  @each $dimension in $dimensions
    &.is-#{$dimension}x#{$dimension}
      height: $dimension * 1px
      width: $dimension * 1px

Version data entries

94 entries across 94 versions & 11 rubygems

Version Path
lesli-5.0.13 vendor/bulma/sass/elements/image.sass
bulma-clean-theme-0.14.0 node_modules/bulma/sass/elements/image.sass
lesli-5.0.11 vendor/bulma/sass/elements/image.sass
lesli-5.0.10 vendor/bulma/sass/elements/image.sass
lesli-5.0.9 vendor/bulma/sass/elements/image.sass
lesli-5.0.7 vendor/bulma/sass/elements/image.sass
lesli-5.0.6 vendor/bulma/sass/elements/image.sass
lesli-5.0.5 vendor/bulma/sass/elements/image.sass
lesli-5.0.4 vendor/bulma/sass/elements/image.sass
lesli-5.0.3 vendor/bulma/sass/elements/image.sass
bulma-clean-theme-0.13.3 node_modules/bulma/sass/elements/image.sass
udt-itf-theme-0.1.0 _sass/node_modules/bulma/sass/elements/image.sass
bulma-clean-theme-0.13.2 node_modules/bulma/sass/elements/image.sass
bulma-rails-0.9.4 app/assets/stylesheets/sass/elements/image.sass
bulma-sass-rails-0.9.4 app/assets/stylesheets/bulma/sass/elements/image.sass
intia-theme-0.1.65 node_modules/bulma/sass/elements/image.sass
intia-theme-0.1.64 node_modules/bulma/sass/elements/image.sass
intia-theme-0.1.63 node_modules/bulma/sass/elements/image.sass
intia-theme-0.1.62 node_modules/bulma/sass/elements/image.sass
intia-theme-0.1.61 node_modules/bulma/sass/elements/image.sass