vjandrei

// ----
// libsass (v3.2.5)
// ----

$breakpoints: (mobile: 767px, tablet: 992px, desktop: 1200px);

@mixin respond-to($breakpoint) {
  @if map-has-key($breakpoints, $breakpoint) {
    @media (min-width: #{map-get($breakpoints, $breakpoint)}) {
      @content;

vjandrei

// ----
// Esimerkki kuinka käyttää Sass Mixineitä null data tyypillä.
// ----

// Luodaan mixin nimeltää display, jossa on haluttuja properteja kuten 
// Display, Padding, Margin-Left, Margin-Right. Jotta halutut propertit toimii @includessa 
// tulee niiden olla data pyytiltään null. Kuten esimerkissä.
@mixin display (
  $disp, 
  $padding: null,