package.scss._sticker.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of boosted Show documentation

Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.

The newest version!

.sticker {
  // scss-docs-start sticker-css-vars
  --#{$prefix}sticker-size: #{$sticker-size-md};
  --#{$prefix}sticker-font-weight: #{$sticker-font-weight};
  --#{$prefix}sticker-color: #{$sticker-color};
  --#{$prefix}sticker-background-color: #{$sticker-background-color};
  --#{$prefix}sticker-content-max-width: #{$sticker-content-max-width-md};
  // scss-docs-end sticker-css-vars

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--#{$prefix}sticker-size);
  height: var(--#{$prefix}sticker-size);
  font-weight: var(--#{$prefix}sticker-font-weight);
  color: var(--#{$prefix}sticker-color);
  text-align: center;
  word-wrap: break-word;
  background-color: var(--#{$prefix}sticker-background-color);
  border-radius: var(--#{$prefix}sticker-size); // stylelint-disable-line property-disallowed-list

  > * {
    max-width: var(--#{$prefix}sticker-content-max-width);
  }

  // Large sticker

  &.sticker-lg {
    // scss-docs-start sticker-lg-css-vars
    --#{$prefix}sticker-size: #{$sticker-size-lg};
    --#{$prefix}sticker-content-max-width: #{$sticker-content-max-width-lg};
    // scss-docs-end sticker-lg-css-vars
  }

  // Small sticker

  &.sticker-sm {
    // scss-docs-start sticker-sm-css-vars
    --#{$prefix}sticker-size: #{$sticker-size-sm};
    --#{$prefix}sticker-content-max-width: #{$sticker-content-max-width-sm};
    // scss-docs-end sticker-sm-css-vars
  }
}