Untitled
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; } }