{"version":3,"sources":["flexigridcss/base/_row.scss","flexigridcss/row.css","utlities/mixins/_media-queries.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,gBAAgB;EAChB,oBAAoB;ACCtB;;ADKE;EAEE,2BAA2B;ACH/B;;ADME;EAEE,2BAA2B;ACJ/B;;ADOE;EAEE,2BAA2B;ACL/B;;AC8BE;EFxCF;IAmBI,eAAgC;IAChC,kCAAmD;ECJrD;AACF;;ACJI;EFbJ;IAwBI,eAAyC;IACzC,kCAA4D;ECF9D;AACF;;ACXI;EFbJ;IA6BI,iBAA0C;IAC1C,oCAA6D;ECA/D;AACF;;AClBI;EFbJ;IAkCI,iBAAiC;IACjC,oCAAoD;ECEtD;AACF;;ACzBI;EFbJ;IAuCI,iBAAqC;IACrC,oCAAwD;ECI1D;AACF","file":"row.css","sourcesContent":["%row-core {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  min-width: 0;\n  margin: auto;\n  height: 100%;\n  max-height: 100%;\n  align-items: stretch;\n}\n\n.row {\n  @extend %row-core;\n\n  &--reverse {\n    @extend %row-core;\n    flex-direction: row-reverse;\n  }\n\n  &--column {\n    @extend %row-core;\n    flex-direction: row-reverse;\n  }\n\n  &--column-reverse {\n    @extend %row-core;\n    flex-direction: row-reverse;\n  }\n\n  @include mobile-only {\n    margin: 0 #{-$grid-space-mobile};\n    max-width: calc(100% + (2 * #{$grid-space-mobile}));\n  }\n\n  @include breakpoint(568) {\n    margin: 0 #{-$grid-space-portrait-tablet};\n    max-width: calc(100% + (2 * #{$grid-space-portrait-tablet}));\n  }\n\n  @include tablet-landscape-up {\n    margin: 0 #{-$grid-space-landscape-tablet};\n    max-width: calc(100% + (2 * #{$grid-space-landscape-tablet}));\n  }\n\n  @include desktop-up {\n    margin: 0 #{-$grid-space-desktop};\n    max-width: calc(100% + (2 * #{$grid-space-desktop}));\n  }\n\n  @include big-desktop-up {\n    margin: 0 #{-$grid-space-big-desktop};\n    max-width: calc(100% + (2 * #{$grid-space-big-desktop}));\n  }\n}\n",".row, .row--reverse, .row--column, .row--column-reverse {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  min-width: 0;\n  margin: auto;\n  height: 100%;\n  max-height: 100%;\n  align-items: stretch;\n}\n\n.row--reverse {\n  flex-direction: row-reverse;\n}\n\n.row--column {\n  flex-direction: row-reverse;\n}\n\n.row--column-reverse {\n  flex-direction: row-reverse;\n}\n\n@media (max-width: 375px) {\n  .row {\n    margin: 0 -1rem;\n    max-width: calc(100% + (2 * 1rem));\n  }\n}\n\n@media only screen and (min-width: 568px) {\n  .row {\n    margin: 0 -1rem;\n    max-width: calc(100% + (2 * 1rem));\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .row {\n    margin: 0 -1.6rem;\n    max-width: calc(100% + (2 * 1.6rem));\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .row {\n    margin: 0 -1.6rem;\n    max-width: calc(100% + (2 * 1.6rem));\n  }\n}\n\n@media only screen and (min-width: 1280px) {\n  .row {\n    margin: 0 -1.6rem;\n    max-width: calc(100% + (2 * 1.6rem));\n  }\n}\n","// ----------------------------------------------------------------------\n// BREAKPOINTS\n// ----------------------------------------------------------------------\n\n$break-xxs: 375 !default; // from \"phone portrait\" size\n$break-xs: 568 !default; // from \"phone landscape\" size\n$break-small: 768 !default; // from \"tablet portrait\" size\n$break-medium: 1024 !default; // from \"desktop\" size\n$break-large: 1280 !default; // from bigger desktop size\n\n$break-points-map: (\n  xxs: $break-xxs,\n  xs: $break-xs,\n  small: $break-small,\n  medium: $break-medium,\n  large: $break-large\n);\n\n@function getBreakpoint($key) {\n  @return map-get($break-points-map, $key);\n}\n\n@mixin breakpoint($width) {\n  @if type-of($width) == number {\n    @media only screen and (min-width: $width*1px) {\n      @content;\n    }\n  } @else {\n    $break: getBreakpoint($width);\n    @media only screen and (min-width: $break*1px) {\n      @content;\n    }\n  }\n}\n\n@mixin breakpoint-between($min, $max) {\n  $minWidth: $min;\n  $maxWidth: $max;\n  @if type-of($min) != number {\n    $minWidth: getBreakpoint($min);\n  }\n  @if type-of($max) != number {\n    $maxWidth: getBreakpoint($max);\n  }\n  @media only screen and (min-width: $minWidth*1px) and (max-width: ($maxWidth*1px) - 1) {\n    @content;\n  }\n}\n\n// (max-width: 567px)\n@mixin mobile-only {\n  @media #{$mobile-only} {\n    @content;\n  }\n}\n\n// (min-width: 568px)\n@mixin tablet-portrait-up {\n  @include breakpoint(568) {\n    @content;\n  }\n}\n\n// (max-width: 568px)\n@mixin tablet-portrait-down {\n  @media #{$tablet-portrait-down} {\n    @content;\n  }\n}\n\n// (min-width: 768px)\n@mixin tablet-landscape-up {\n  @include breakpoint(768) {\n    @content;\n  }\n}\n\n// (max-width: 768px)\n@mixin tablet-landscape-down {\n  @media #{$tablet-landscape-down} {\n    @content;\n  }\n}\n\n// (min-width: 1024ox)\n@mixin desktop-up {\n  @include breakpoint(1024) {\n    @content;\n  }\n}\n\n// (max-width: 1024px)\n@mixin desktop-down {\n  @media #{$desktop-down} {\n    @content;\n  }\n}\n\n// (min-width: 1280px)\n@mixin big-desktop-up {\n  @include breakpoint(1280) {\n    @content;\n  }\n}\n\n// (max-width: 1280px)\n@mixin big-desktop-down {\n  @media #{$big-desktop-up} {\n    @content;\n  }\n}\n"]}