@baloise/ds-styles 0.0.6-snapshot.31-c372201 → 0.0.7

package/css/utilities/grid.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/core/grid.sass","file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/mixins/general.mixin.sass","file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;ECAA,aDC0B;;AAC1B;ECFA,aDG0B;;AAC1B;ECJA,aDK0B;;AAC1B;ECNA,aDO0B;;AAC1B;ECRA,aDS0B;;AAC1B;ECVA,aDW0B;;AAC1B;ECZA,aDa0B;;AAC1B;ECdA,aDe0B;;AAC1B;EChBA,aDiB0B;;AAExB;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AExD5B;EF0DE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC1DF,aD2D4B;;EAC1B;IC5DF,aD6D4B;;EAC1B;IC9DF,aD+D4B;;EAC1B;IChEF,aDiE4B;;EAC1B;IClEF,aDmE4B;;EAC1B;ICpEF,aDqE4B;;EAC1B;ICtEF,aDuE4B;;EAC1B;ICxEF,aDyE4B;;EAC1B;IC1EF,aD2E4B;;EAExB;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;;AE9G9B;EFgHE;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IC/HF,aDiI4B;;EAC1B;IClIF,aDoI4B;;EAC1B;ICrIF,aDuI4B;;EAC1B;ICxIF,aD0I4B;;EAC1B;IC3IF,aD6I4B;;EAC1B;IC9IF,aDgJ4B;;EAC1B;ICjJF,aDmJ4B;;EAC1B;ICpJF,aDsJ4B;;EAC1B;ICvJF,aDyJ4B;;EAExB;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;;AEtL9B;EFwLE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICpMF,aDqM4B;;EAC1B;ICtMF,aDuM4B;;EAC1B;ICxMF,aDyM4B;;EAC1B;IC1MF,aD2M4B;;EAC1B;IC5MF,aD6M4B;;EAC1B;IC9MF,aD+M4B;;EAC1B;IChNF,aDiN4B;;EAC1B;IClNF,aDmN4B;;EAC1B;ICpNF,aDqN4B;;EAExB;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;;AE5O9B;EF8OE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC9PF,aD+P4B;;EAC1B;IChQF,aDiQ4B;;EAC1B;IClQF,aDmQ4B;;EAC1B;ICpQF,aDqQ4B;;EAC1B;ICtQF,aDuQ4B;;EAC1B;ICxQF,aDyQ4B;;EAC1B;IC1QF,aD2Q4B;;EAC1B;IC5QF,aD6Q4B;;EAC1B;IC9QF,aD+Q4B;;EAExB;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;;AE9Q9B;EFgRE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICxTF,aDyT4B;;EAC1B;IC1TF,aD2T4B;;EAC1B;IC5TF,aD6T4B;;EAC1B;IC9TF,aD+T4B;;EAC1B;IChUF,aDiU4B;;EAC1B;IClUF,aDmU4B;;EAC1B;ICpUF,aDqU4B;;EAC1B;ICtUF,aDuU4B;;EAC1B;ICxUF,aDyU4B;;EAExB;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;;AE5T9B;EF8TE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IClXF,aDmX4B;;EAC1B;ICpXF,aDqX4B;;EAC1B;ICtXF,aDuX4B;;EAC1B;ICxXF,aDyX4B;;EAC1B;IC1XF,aD2X4B;;EAC1B;IC5XF,aD6X4B;;EAC1B;IC9XF,aD+X4B;;EAC1B;IChYF,aDiY4B;;EAC1B;IClYF,aDmY4B;;EAExB;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;;;AAEhC;EC3YE,aD4YwB;EC5YxB,cD6YwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;ECtZA,aDuZ0B;ECvZ1B,cDwZ0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AEncF;EFscE;IACE;;;AE3bJ;EF8bE;IACE","sourcesContent":["@use \"sass:math\"\n\n.grid\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n\n.col\n  display: block\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n  padding: var(--bal-column-gap)\n  .grid.is-mobile > &.is-narrow\n    flex: none\n    width: unset\n  .grid.is-mobile > &.is-full\n    flex: none\n    width: 100%\n  .grid.is-mobile > &.is-three-quarters\n    flex: none\n    width: 75%\n  .grid.is-mobile > &.is-two-thirds\n    flex: none\n    width: 66.6666%\n  .grid.is-mobile > &.is-half\n    flex: none\n    width: 50%\n  .grid.is-mobile > &.is-one-third\n    flex: none\n    width: 33.3333%\n  .grid.is-mobile > &.is-one-quarter\n    flex: none\n    width: 25%\n  .grid.is-mobile > &.is-one-fifth\n    flex: none\n    width: 20%\n  .grid.is-mobile > &.is-two-fifths\n    flex: none\n    width: 40%\n  .grid.is-mobile > &.is-three-fifths\n    flex: none\n    width: 60%\n  .grid.is-mobile > &.is-four-fifths\n    flex: none\n    width: 80%\n  .grid.is-mobile > &.is-offset-three-quarters\n    +ltr-property(\"margin\", 75%, false)\n  .grid.is-mobile > &.is-offset-two-thirds\n    +ltr-property(\"margin\", 66.6666%, false)\n  .grid.is-mobile > &.is-offset-half\n    +ltr-property(\"margin\", 50%, false)\n  .grid.is-mobile > &.is-offset-one-third\n    +ltr-property(\"margin\", 33.3333%, false)\n  .grid.is-mobile > &.is-offset-one-quarter\n    +ltr-property(\"margin\", 25%, false)\n  .grid.is-mobile > &.is-offset-one-fifth\n    +ltr-property(\"margin\", 20%, false)\n  .grid.is-mobile > &.is-offset-two-fifths\n    +ltr-property(\"margin\", 40%, false)\n  .grid.is-mobile > &.is-offset-three-fifths\n    +ltr-property(\"margin\", 60%, false)\n  .grid.is-mobile > &.is-offset-four-fifths\n    +ltr-property(\"margin\", 80%, false)\n  @for $i from 0 through 12\n    .grid.is-mobile > &.is-#{$i}\n      flex: none\n      width: percentage(math.div($i,12))\n    .grid.is-mobile > &.is-offset-#{$i}\n      +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +mobile\n    &.mobile\\:is-narrow\n      flex: none\n      width: unset\n    &.mobile\\:is-full\n      flex: none\n      width: 100%\n    &.mobile\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.mobile\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.mobile\\:is-half\n      flex: none\n      width: 50%\n    &.mobile\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.mobile\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.mobile\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.mobile\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.mobile\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.mobile\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.mobile\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.mobile\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.mobile\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.mobile\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.mobile\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.mobile\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.mobile\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.mobile\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.mobile\\-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.mobile\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.mobile\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +tablet\n    &.is-narrow,\n    &.tablet\\:is-narrow\n      flex: none\n      width: unset\n    &.is-full,\n    &.tablet\\:is-full\n      flex: none\n      width: 100%\n    &.is-three-quarters,\n    &.tablet\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.is-two-thirds,\n    &.tablet\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.is-half,\n    &.tablet\\:is-half\n      flex: none\n      width: 50%\n    &.is-one-third,\n    &.tablet\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter,\n    &.tablet\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.is-one-fifth,\n    &.tablet\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.is-two-fifths,\n    &.tablet\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.is-three-fifths,\n    &.tablet\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.is-four-fifths,\n    &.tablet\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters,\n    &.tablet\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds,\n    &.tablet\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half,\n    &.tablet\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third,\n    &.tablet\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter,\n    &.tablet\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth,\n    &.tablet\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths,\n    &.tablet\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths,\n    &.tablet\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths,\n    &.tablet\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i},\n      &.tablet\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i},\n      &.tablet\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +touch\n    &.touch\\:is-narrow\n      flex: none\n      width: unset\n    &.touch\\:is-full\n      flex: none\n      width: 100%\n    &.touch\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.touch\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.touch\\:is-half\n      flex: none\n      width: 50%\n    &.touch\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.touch\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.touch\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.touch\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.touch\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.touch\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.touch\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.touch\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.touch\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.touch\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.touch\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.touch\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.touch\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.touch\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.touch\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.touch\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.touch\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +desktop\n    &.desktop\\:is-narrow\n      flex: none\n      width: unset\n    &.desktop\\:is-full\n      flex: none\n      width: 100%\n    &.desktop\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.desktop\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.desktop\\:is-half\n      flex: none\n      width: 50%\n    &.desktop\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.desktop\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.desktop\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.desktop\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.desktop\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.desktop\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.desktop\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.desktop\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.desktop\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.desktop\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.desktop\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.desktop\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.desktop\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.desktop\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.desktop\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.desktop\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.desktop\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +widescreen\n    &.widescreen\\:is-narrow\n      flex: none\n      width: unset\n    &.widescreen\\:is-full\n      flex: none\n      width: 100%\n    &.widescreen\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.widescreen\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.widescreen\\:is-half\n      flex: none\n      width: 50%\n    &.widescreen\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.widescreen\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.widescreen\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.widescreen\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.widescreen\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.widescreen\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.widescreen\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.widescreen\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.widescreen\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.widescreen\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.widescreen\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.widescreen\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.widescreen\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.widescreen\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.widescreen\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.widescreen\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.widescreen\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +fullhd\n    &.fullhd\\:is-narrow\n      flex: none\n      width: unset\n    &.fullhd\\:is-full\n      flex: none\n      width: 100%\n    &.fullhd\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.fullhd\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.fullhd\\:is-half\n      flex: none\n      width: 50%\n    &.fullhd\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.fullhd\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.fullhd\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.fullhd\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.fullhd\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.fullhd\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.fullhd\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.fullhd\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.fullhd\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.fullhd\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.fullhd\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.fullhd\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.fullhd\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.fullhd\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.fullhd\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.fullhd\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.fullhd\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid\n  +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)), false)\n  +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)))\n  margin-top: (calc(var(--bal-column-gap) * -1))\n  &:last-child\n    margin-bottom: (calc(var(--bal-column-gap) * -1))\n  &:not(:last-child)\n    margin-bottom: calc(1.5rem - #{var(--bal-column-gap)})\n  // Modifiers\n  &.is-centered\n    justify-content: center\n  &.is-gapless\n    +ltr-property(\"margin\", 0, false)\n    +ltr-property(\"margin\", 0)\n    margin-top: 0\n    & > .col\n      margin: 0\n      padding: 0 !important\n    &:not(:last-child)\n      margin-bottom: 1.5rem\n    &:last-child\n      margin-bottom: 0\n  &.is-mobile\n    display: flex\n  &.is-multiline\n    flex-wrap: wrap\n  &.is-vcentered\n    align-items: center\n  // Responsiveness\n  +tablet\n    &:not(.is-desktop)\n      display: flex\n  +desktop\n    // Modifiers\n    &.is-desktop\n      display: flex\n","@use \"sass:map\"\n@use \"sass:string\"\n@use \"sass:math\"\n\n@function bulmaRgba($color, $alpha)\n  @if type-of($color) != 'color'\n    @return $color\n  @return rgba($color, $alpha)\n\n=hover\n  @media(hover: hover) and (pointer: fine)\n    @content\n\n=overflow-touch\n  -webkit-overflow-scrolling: touch\n\n=focus-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow) !important\n\n=focus-inset-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inset) !important\n\n=focus-inverted-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inverted) !important\n\n=focus-inverted-inset-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inverted-inset) !important\n\n=font-smoothing\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n\n=bottomSpacing($spacing: $block-spacing)\n  &:not(:last-child)\n    margin-bottom: $spacing\n\n=ltr-position($spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$normal}: $spacing\n\n=ltr-property($property, $spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$property}-#{$normal}: $spacing\n\n=unselectable\n  -webkit-touch-callout: none\n  -webkit-user-select: none\n  -moz-user-select: none\n  -ms-user-select: none\n  user-select: none\n\n=disabled\n  cursor: default !important\n  pointer-events: none !important\n\n=reset\n  -moz-appearance: none\n  -webkit-appearance: none\n  appearance: none\n  background: none\n  border: none\n  color: currentColor\n  font-family: inherit\n  font-size: 1em\n  margin: 0\n  padding: 0\n\n=overlay($offset: 0)\n  bottom: $offset\n  left: $offset\n  position: absolute\n  right: $offset\n  top: $offset\n\n=hide-element\n  display: none !important\n  visibility: hidden !important\n\n=hidden-input\n  position: absolute !important\n  left: 0\n  top: 0\n  margin: 0\n  padding: 0\n  opacity: 0\n  outline: 0\n  border: none\n  width: 1px\n  height: 1px\n  clip: rect(1px, 1px, 1px, 1px)\n  overflow: hidden\n","=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}
+{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/core/grid.sass","file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/mixins/general.mixin.sass","file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;ECAA,aDC0B;;AAC1B;ECFA,aDG0B;;AAC1B;ECJA,aDK0B;;AAC1B;ECNA,aDO0B;;AAC1B;ECRA,aDS0B;;AAC1B;ECVA,aDW0B;;AAC1B;ECZA,aDa0B;;AAC1B;ECdA,aDe0B;;AAC1B;EChBA,aDiB0B;;AAExB;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AExD5B;EF0DE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC1DF,aD2D4B;;EAC1B;IC5DF,aD6D4B;;EAC1B;IC9DF,aD+D4B;;EAC1B;IChEF,aDiE4B;;EAC1B;IClEF,aDmE4B;;EAC1B;ICpEF,aDqE4B;;EAC1B;ICtEF,aDuE4B;;EAC1B;ICxEF,aDyE4B;;EAC1B;IC1EF,aD2E4B;;EAExB;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;;AE9G9B;EFgHE;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IC/HF,aDiI4B;;EAC1B;IClIF,aDoI4B;;EAC1B;ICrIF,aDuI4B;;EAC1B;ICxIF,aD0I4B;;EAC1B;IC3IF,aD6I4B;;EAC1B;IC9IF,aDgJ4B;;EAC1B;ICjJF,aDmJ4B;;EAC1B;ICpJF,aDsJ4B;;EAC1B;ICvJF,aDyJ4B;;EAExB;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;;AEtL9B;EFwLE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICpMF,aDqM4B;;EAC1B;ICtMF,aDuM4B;;EAC1B;ICxMF,aDyM4B;;EAC1B;IC1MF,aD2M4B;;EAC1B;IC5MF,aD6M4B;;EAC1B;IC9MF,aD+M4B;;EAC1B;IChNF,aDiN4B;;EAC1B;IClNF,aDmN4B;;EAC1B;ICpNF,aDqN4B;;EAExB;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;;AE5O9B;EF8OE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC9PF,aD+P4B;;EAC1B;IChQF,aDiQ4B;;EAC1B;IClQF,aDmQ4B;;EAC1B;ICpQF,aDqQ4B;;EAC1B;ICtQF,aDuQ4B;;EAC1B;ICxQF,aDyQ4B;;EAC1B;IC1QF,aD2Q4B;;EAC1B;IC5QF,aD6Q4B;;EAC1B;IC9QF,aD+Q4B;;EAExB;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;;AE9Q9B;EFgRE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICxTF,aDyT4B;;EAC1B;IC1TF,aD2T4B;;EAC1B;IC5TF,aD6T4B;;EAC1B;IC9TF,aD+T4B;;EAC1B;IChUF,aDiU4B;;EAC1B;IClUF,aDmU4B;;EAC1B;ICpUF,aDqU4B;;EAC1B;ICtUF,aDuU4B;;EAC1B;ICxUF,aDyU4B;;EAExB;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;;AE5T9B;EF8TE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IClXF,aDmX4B;;EAC1B;ICpXF,aDqX4B;;EAC1B;ICtXF,aDuX4B;;EAC1B;ICxXF,aDyX4B;;EAC1B;IC1XF,aD2X4B;;EAC1B;IC5XF,aD6X4B;;EAC1B;IC9XF,aD+X4B;;EAC1B;IChYF,aDiY4B;;EAC1B;IClYF,aDmY4B;;EAExB;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;;;AAEhC;EC3YE,aD4YwB;EC5YxB,cD6YwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;ECtZA,aDuZ0B;ECvZ1B,cDwZ0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AEncF;EFscE;IACE;;;AE3bJ;EF8bE;IACE","sourcesContent":["@use \"sass:math\"\n\n.grid\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n\n.col\n  display: block\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n  padding: var(--bal-column-gap)\n  .grid.is-mobile > &.is-narrow\n    flex: none\n    width: unset\n  .grid.is-mobile > &.is-full\n    flex: none\n    width: 100%\n  .grid.is-mobile > &.is-three-quarters\n    flex: none\n    width: 75%\n  .grid.is-mobile > &.is-two-thirds\n    flex: none\n    width: 66.6666%\n  .grid.is-mobile > &.is-half\n    flex: none\n    width: 50%\n  .grid.is-mobile > &.is-one-third\n    flex: none\n    width: 33.3333%\n  .grid.is-mobile > &.is-one-quarter\n    flex: none\n    width: 25%\n  .grid.is-mobile > &.is-one-fifth\n    flex: none\n    width: 20%\n  .grid.is-mobile > &.is-two-fifths\n    flex: none\n    width: 40%\n  .grid.is-mobile > &.is-three-fifths\n    flex: none\n    width: 60%\n  .grid.is-mobile > &.is-four-fifths\n    flex: none\n    width: 80%\n  .grid.is-mobile > &.is-offset-three-quarters\n    +ltr-property(\"margin\", 75%, false)\n  .grid.is-mobile > &.is-offset-two-thirds\n    +ltr-property(\"margin\", 66.6666%, false)\n  .grid.is-mobile > &.is-offset-half\n    +ltr-property(\"margin\", 50%, false)\n  .grid.is-mobile > &.is-offset-one-third\n    +ltr-property(\"margin\", 33.3333%, false)\n  .grid.is-mobile > &.is-offset-one-quarter\n    +ltr-property(\"margin\", 25%, false)\n  .grid.is-mobile > &.is-offset-one-fifth\n    +ltr-property(\"margin\", 20%, false)\n  .grid.is-mobile > &.is-offset-two-fifths\n    +ltr-property(\"margin\", 40%, false)\n  .grid.is-mobile > &.is-offset-three-fifths\n    +ltr-property(\"margin\", 60%, false)\n  .grid.is-mobile > &.is-offset-four-fifths\n    +ltr-property(\"margin\", 80%, false)\n  @for $i from 0 through 12\n    .grid.is-mobile > &.is-#{$i}\n      flex: none\n      width: percentage(math.div($i,12))\n    .grid.is-mobile > &.is-offset-#{$i}\n      +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +mobile\n    &.mobile\\:is-narrow\n      flex: none\n      width: unset\n    &.mobile\\:is-full\n      flex: none\n      width: 100%\n    &.mobile\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.mobile\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.mobile\\:is-half\n      flex: none\n      width: 50%\n    &.mobile\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.mobile\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.mobile\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.mobile\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.mobile\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.mobile\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.mobile\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.mobile\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.mobile\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.mobile\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.mobile\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.mobile\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.mobile\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.mobile\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.mobile\\-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.mobile\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.mobile\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +tablet\n    &.is-narrow,\n    &.tablet\\:is-narrow\n      flex: none\n      width: unset\n    &.is-full,\n    &.tablet\\:is-full\n      flex: none\n      width: 100%\n    &.is-three-quarters,\n    &.tablet\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.is-two-thirds,\n    &.tablet\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.is-half,\n    &.tablet\\:is-half\n      flex: none\n      width: 50%\n    &.is-one-third,\n    &.tablet\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter,\n    &.tablet\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.is-one-fifth,\n    &.tablet\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.is-two-fifths,\n    &.tablet\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.is-three-fifths,\n    &.tablet\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.is-four-fifths,\n    &.tablet\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters,\n    &.tablet\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds,\n    &.tablet\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half,\n    &.tablet\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third,\n    &.tablet\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter,\n    &.tablet\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth,\n    &.tablet\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths,\n    &.tablet\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths,\n    &.tablet\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths,\n    &.tablet\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i},\n      &.tablet\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i},\n      &.tablet\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +touch\n    &.touch\\:is-narrow\n      flex: none\n      width: unset\n    &.touch\\:is-full\n      flex: none\n      width: 100%\n    &.touch\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.touch\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.touch\\:is-half\n      flex: none\n      width: 50%\n    &.touch\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.touch\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.touch\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.touch\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.touch\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.touch\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.touch\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.touch\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.touch\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.touch\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.touch\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.touch\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.touch\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.touch\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.touch\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.touch\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.touch\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +desktop\n    &.desktop\\:is-narrow\n      flex: none\n      width: unset\n    &.desktop\\:is-full\n      flex: none\n      width: 100%\n    &.desktop\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.desktop\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.desktop\\:is-half\n      flex: none\n      width: 50%\n    &.desktop\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.desktop\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.desktop\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.desktop\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.desktop\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.desktop\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.desktop\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.desktop\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.desktop\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.desktop\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.desktop\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.desktop\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.desktop\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.desktop\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.desktop\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.desktop\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.desktop\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +widescreen\n    &.widescreen\\:is-narrow\n      flex: none\n      width: unset\n    &.widescreen\\:is-full\n      flex: none\n      width: 100%\n    &.widescreen\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.widescreen\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.widescreen\\:is-half\n      flex: none\n      width: 50%\n    &.widescreen\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.widescreen\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.widescreen\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.widescreen\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.widescreen\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.widescreen\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.widescreen\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.widescreen\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.widescreen\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.widescreen\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.widescreen\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.widescreen\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.widescreen\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.widescreen\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.widescreen\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.widescreen\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.widescreen\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +fullhd\n    &.fullhd\\:is-narrow\n      flex: none\n      width: unset\n    &.fullhd\\:is-full\n      flex: none\n      width: 100%\n    &.fullhd\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.fullhd\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.fullhd\\:is-half\n      flex: none\n      width: 50%\n    &.fullhd\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.fullhd\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.fullhd\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.fullhd\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.fullhd\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.fullhd\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.fullhd\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.fullhd\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.fullhd\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.fullhd\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.fullhd\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.fullhd\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.fullhd\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.fullhd\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.fullhd\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.fullhd\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.fullhd\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid\n  +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)), false)\n  +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)))\n  margin-top: (calc(var(--bal-column-gap) * -1))\n  &:last-child\n    margin-bottom: (calc(var(--bal-column-gap) * -1))\n  &:not(:last-child)\n    margin-bottom: calc(1.5rem - #{var(--bal-column-gap)})\n  // Modifiers\n  &.is-centered\n    justify-content: center\n  &.is-gapless\n    +ltr-property(\"margin\", 0, false)\n    +ltr-property(\"margin\", 0)\n    margin-top: 0\n    & > .col\n      margin: 0\n      padding: 0 !important\n    &:not(:last-child)\n      margin-bottom: 1.5rem\n    &:last-child\n      margin-bottom: 0\n  &.is-mobile\n    display: flex\n  &.is-multiline\n    flex-wrap: wrap\n  &.is-vcentered\n    align-items: center\n  // Responsiveness\n  +tablet\n    &:not(.is-desktop)\n      display: flex\n  +desktop\n    // Modifiers\n    &.is-desktop\n      display: flex\n","@use \"sass:map\"\n@use \"sass:string\"\n@use \"sass:math\"\n\n@function bulmaRgba($color, $alpha)\n  @if type-of($color) != 'color'\n    @return $color\n  @return rgba($color, $alpha)\n\n=hover\n  @media(hover: hover) and (pointer: fine)\n    @content\n\n=overflow-touch\n  -webkit-overflow-scrolling: touch\n\n=focus-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow) !important\n\n=focus-inset-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inset) !important\n\n=focus-inverted-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inverted) !important\n\n=focus-inverted-inset-shadow\n  +hover\n    box-shadow: var(--bal-focus-shadow-inverted-inset) !important\n\n=font-smoothing\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n\n=bottomSpacing($spacing: $block-spacing)\n  &:not(:last-child)\n    margin-bottom: $spacing\n\n=ltr-position($spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$normal}: $spacing\n\n=ltr-property($property, $spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$property}-#{$normal}: $spacing\n\n=unselectable\n  -webkit-touch-callout: none\n  -webkit-user-select: none\n  -moz-user-select: none\n  -ms-user-select: none\n  user-select: none\n\n=disabled\n  cursor: default !important\n  pointer-events: none !important\n\n=reset\n  -moz-appearance: none\n  -webkit-appearance: none\n  appearance: none\n  background: none\n  border: none\n  color: currentColor\n  font-family: inherit\n  font-size: 1em\n  margin: 0\n  padding: 0\n\n=overlay($offset: 0)\n  bottom: $offset\n  left: $offset\n  position: absolute\n  right: $offset\n  top: $offset\n\n=hide-element\n  display: none !important\n  visibility: hidden !important\n\n=hidden-input\n  position: absolute !important\n  left: 0\n  top: 0\n  margin: 0\n  padding: 0\n  opacity: 0\n  outline: 0\n  border: none\n  width: 1px\n  height: 1px\n  clip: rect(1px, 1px, 1px, 1px)\n  overflow: hidden\n\n=invisible\n  position: absolute !important\n  height: 1px !important\n  width: 1px !important\n  padding: 0 !important\n  overflow: hidden !important\n  border: none !important\n  white-space: nowrap !important\n  clip: rect(1px 1px 1px 1px) !important\n  clip: rect(1px, 1px, 1px, 1px) !important\n","=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-styles",
-  "version": "0.0.6-snapshot.31-c372201",
+  "version": "0.0.7",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "homepage": "https://baloise-design-system.vercel.app",
   "license": "Apache-2.0",
   "bin": {
-    "ds-migrate-to-styles": "./bin/index.mjs"
+    "ds-styles-migrate": "./bin/index.mjs"
   },
   "main": "scss/baloise-design-system.sass",
   "style": "css/baloise-design-system.css",
@@ -23,8 +23,8 @@
     "src/"
   ],
   "dependencies": {
-    "@baloise/ds-fonts": "0.0.6-snapshot.31-c372201",
-    "@baloise/ds-tokens": "0.0.6-snapshot.31-c372201",
+    "@baloise/ds-fonts": "0.0.7",
+    "@baloise/ds-tokens": "0.0.7",
     "@phenomnomnominal/tsquery": "6.1.3",
     "cheerio": "1.0.0-rc.12",
     "glob": "10.3.10",

package/src/mixins/general.mixin.sass

@@ -93,3 +93,14 @@
   height: 1px
   clip: rect(1px, 1px, 1px, 1px)
   overflow: hidden
+
+=invisible
+  position: absolute !important
+  height: 1px !important
+  width: 1px !important
+  padding: 0 !important
+  overflow: hidden !important
+  border: none !important
+  white-space: nowrap !important
+  clip: rect(1px 1px 1px 1px) !important
+  clip: rect(1px, 1px, 1px, 1px) !important