@mixin page-max-width
+breakpoint($phone-l-tab-p) max-width: $tab-p margin: 0 auto +breakpoint($tab-p-tab-l) max-width: $tab-l margin: 0 auto +breakpoint($tab-l-desk) max-width: $desk //max-width: $tab-l + 20px margin: 0 auto +breakpoint($desktop) max-width: ($desk) margin: 0 auto +breakpoint($print-media) max-width: 900px margin: 0 auto
@mixin content-area-padding($type: both)
@if $type == left padding-left: 10px margin-left: 10px +breakpoint($tablet-portrait) padding-left: 20px margin-left: 10px @if $type == right padding-right: 10px margin-right: 10px +breakpoint($tablet-portrait) padding-right: 20px margin-right: 10px @if $type == both padding: 10px margin: 0 10px +breakpoint($tablet-portrait) padding: 10px 20px margin: 0 10px +breakpoint($desktop) padding: 20px 20px 0px margin: 0