Sass, dopisanie zmiennej do mixina

Question

Cześć,

Napotkałem mały problem. Napisałem mixina w sass i chcę do niego dopisać możliwość wybrania orientacji (landscape lub portrait). Mógłby ktoś mnie chociaż naprowadzić na rozwiązanie? 

Aktualnie mixin wyglada tak:

$breakpoints: (
  "phone": 400px,
  "phablet": 560px,
  "tablet": 768px,
  "tablet-wide": 1024px,
  "desktop": 1248px,
  "desktop-wide": 1440px,
  "4K-560": 2560px
);
$orientation: (
  "landscape": landscape,
  "portrait": portrait
);

@mixin mq($width, $type: min) {
  @if map_has_key($breakpoints, $width) {
    $width: map_get($breakpoints, $width);
    @if $type == max {
      $width: $width - 1px;
    }
    @media only screen and (#{$type}-width: $width) {
      @content;
    }
  }
}

 

Comments

Po tym kodzie uświadomiłeś mi jak bardzo słabo znam sass. Mógłbyś podrzucić jakiś link do tutoriala / poradnika, z którego się uczyłeś? Byłbym bardzo wdzięczny.

---

Pisałem go sam bez poradników, opierałem się na notatkach ze strony css-tricks.com i kliku innych stron które opisywały tworzenie mixin'ów w sass, dlatego mam mały problem z dopisaniem kolejnej wartości. Nie widziałem poradników które by tego uczyły. 

Możesz dużo dowiedzieć się z dokumentacji i tworząc mixin't (że tak to ujmę) na logikę.

---

Do scss polecam ksiązkę nowoczesne arkusze stylów

Answer 1

Znalazłem rozwiązanie i dodałem kolejny argument, dziękuję za wszelką aktywność