“mixin sass” Respostas de código

mixin sass

@mixin transform($property) {
  -webkit-transform: $property;
  -ms-transform: $property;
  transform: $property;
}
.box { @include transform(rotate(30deg)); }
Perfect Peacock

SCSS Mixin

@mixin rtl($property, $ltr-value, $rtl-value) { // with argumens
  #{$property}: $ltr-value;

  [dir=rtl] & {
    #{$property}: $rtl-value;
  }
}

.sidebar {
  @include rtl(float, left, right);
}
putsan

SCSS Mixin

@mixin reset-list {    // Mixin without arguments
  margin: 0;
  padding: 0;
  list-style: none;
}

@mixin horizontal-list {
  @include reset-list;

  li {
    display: inline-block;
    margin: {
      left: -2px;
      right: 2em;
    }
  }
}

nav ul {
  @include horizontal-list;
}
putsan

Respostas semelhantes a “mixin sass”

Perguntas semelhantes a “mixin sass”

Mais respostas relacionadas para “mixin sass” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código