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