Contents

@use '../0-tools/vars' as *;

.svg__fill {
  &--blue {
    fill: $primary-blue;
  }
  &--white {
    fill: $white;
  }
}

.svg {
  height: 100px;
  width: 100px;
  &--none {
    fill: none;
  }
  &--blue {
    fill: $primary-blue;
  }
  &--red {
    fill: $primary-red;
  }
  &--white {
    fill: $white;
  }
}

.svg--max-width {
  max-width: 100%;
}

.svg {
  &__button {
    height: 48px;
    width: 48px;
  }
  &--fill-none {
    fill: none;
  }
  &--fill-white {
    fill: $white;
  }
  &--fill-blue {
    fill: $primary-blue;
  }
}

.svg__action--place {
  margin-left: -2rem;
}

@media screen and (min-width: 360px) {
  .svg__action--place {
    margin-left: -3rem;
  }
}

@media screen and (min-width: 768px) {
  .svg__action--place {
    margin-left: 0;
  }
}

@media screen and (min-width: 360px) {
  .svg__button {
    height: 48px;
    width: 48px;
  }
}

@media screen and (min-width: 768px) {
  .svg__button {
    height: 36px;
    width: 36px;
  }
}

@media screen and (min-width: 992px) {
  .svg__button {
    height: 48px;
    width: 48px;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
kcc-gem-theme-original-1.3.1	assets/scss/1-base/_svg.scss
kcc-gem-theme-original-1.3.0	assets/scss/1-base/_svg.scss
kcc-gem-theme-original-1.2.4	assets/scss/1-base/_svg.scss
kcc-gem-theme-original-1.2.3	assets/scss/1-base/_svg.scss