Contents

$colors: (
  "gray",
  "red",
  "pink",
  "grape",
  "violet",
  "indigo",
  "blue",
  "cyan",
  "teal",
  "green",
  "lime",
  "yellow",
  "orange",
);

$breaks: (
  "sm": 576,
  "md": 768,
  "lg": 992,
  "xl": 1200,
  "xxl": 1400,
);

@each $color in $colors {
  @for $scale from 0 through 9 {
    .bg-#{$color}-#{$scale} {
      --bs-bg-opacity: 1;
      background-color: rgba(
        var(--oc-#{$color}-#{$scale}-rgb),
        var(--bs-bg-opacity)
      ) !important;
    }

    .border-#{$color}-#{$scale} {
      --bs-bg-opacity: 1;
      border-color: rgba(
        var(--oc-#{$color}-#{$scale}-rgb),
        var(--bs-bg-opacity)
      ) !important;
    }

    .color-#{$color}-#{$scale} {
      --bs-bg-opacity: 1;
      color: rgba(
        var(--oc-#{$color}-#{$scale}-rgb),
        var(--bs-bg-opacity)
      ) !important;
    }
  }
}

@each $break, $break-value in $breaks {
  @media (min-width: #{$break-value}px) {
    .border-#{$break}-0 {
      border-width: 0 !important;
    }

    @for $width from 1 through 5 {
      .border-#{$break}-#{$width} {
        border-width: #{$width}px !important;
      }
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
jekyll-nagymaros-3.3.1	_sass/_utilities.scss
jekyll-nagymaros-3.3.0	_sass/_utilities.scss
jekyll-nagymaros-3.2.0	_sass/_utilities.scss
jekyll-nagymaros-3.1.0	_sass/_utilities.scss
jekyll-nagymaros-3.0.0	_sass/_utilities.scss
jekyll-nagymaros-2.2.0	_sass/_utilities.scss