Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
850 B
2
Indexable
Never
$breakpoints: (
  mobile: 460px,
  tablet: 600px,
  tab-port: 768px,
  desktop: 930px,
);

@mixin responsive($mq-breakpoint, $mq-breakpoints: $breakpoints) {
  @if map-has-key($mq-breakpoints, $mq-breakpoint) {
    $mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint);
  }

  @media screen and (min-width: #{$mq-breakpoint}) {
    @content;
  }
}

@mixin font-size($font-size) {
  font-size: $font-size;

  @media (min-width: 460px) and (max-width: 599px) {
    font-size: $font-size * 0.755;
  }
  @media screen and (max-width: 459px) {
    font-size: $font-size * 0.533;
  }
}

@mixin view-large-desktop() {
  #celek {
    width: 1200px;
    @content;
  }
}

@mixin view-desktop() {
  .layout-0 #celek {
    width: 980px;
    @content;
  }
}

@mixin view-mobile() {
  .mobile #celek {
    width: auto;
    max-width: 930px;
    @content;
  }
}