Sha256: a95626a7bb137dcfbf6dfc37c256cc5efb5ea8413626eefb2a0bc29aff27f048

Contents?: true

Size: 1.06 KB

Versions: 5

Compression:

Stored size: 1.06 KB

Contents

@mixin icon-dim($height) {
  height: $height;
  width: 18 / 18 * $height;
}

.o-ld-icon {
  background-size: cover;
  display: inline-block;

  @include m(small) {
    @include icon-dim(12px);
    margin-top: -.2rem;
    vertical-align: middle;
  }

  @include m(base) {
    @include icon-dim(18px);
    vertical-align: baseline;
  }

  @include e(wrapper) {
    $w-offset: $ld-tooltip-offset - 1.125rem / 2;
    display: inline;
    margin-left: -$w-offset;

    .o-ld-icon {
      margin-left: $w-offset;
    }
  }

  @for $i from 1 through 3 {
    @include m('priority#{$i}') {
      background-image: asset-url('ld_p#{$i}.svg');
    }
  }
}

$icons-png: (tens);
$icons-svg: (wp);

.o-m-icon {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
}

@each $icon in $icons-png {
  .o-m-icon {
    @include m($icon) {
      background-image: asset-data-url("lcms/engine/lessons/#{$icon}.png");
    }
  }
}

@each $icon in $icons-svg {
  .o-m-icon {
    @include m($icon) {
      background-image: asset-url("lcms/engine/lessons/#{$icon}.svg");
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
lcms-engine-0.1.4 app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss
lcms-engine-0.1.3 app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss
lcms-engine-0.2.0 app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss
lcms-engine-0.1.2 app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss
lcms-engine-0.1.0 app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss