| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Forms/Select/Select.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/QuranReader/ReflectionView/ReflectionBodyContainer/ReflectionSurahAndAyahSelection/ReflectionSurahAndAyahSelection.module.scss"],"names":[],"mappings":"AAAA,yBACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,YAAA,CACA,wBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,0CAAA,CACA,kBAAA,CACA,aAAA,CAGF,8BACE,oDAAA,CAGF,sCACE,uCAAA,CACA,qBAAA,CAGF,8BACE,0BAAA,CAEF,+BACE,mCAAA,CAEF,8BACE,oCAAA,CAGF,iCACE,2DAAA,CAGF,qBACE,yBAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,YAAA,CACA,sBAAA,CAEA,kBAAA,CAEA,sBAAA,CAEA,mDACE,oDAAA,CAGF,yBACE,kBAAA,CAIJ,6BACE,eAAA,CACA,2DAAA,CAGF,sBACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,+BAAA,CACA,sBAAA,CACA,iCAAA,CACA,mBAAA,CACA,mBAAA,CAGF,mCACE,qBAAA,CACA,mBAAA,CACA,2CAAA,CACA,yCAAA,CAGF,8BACE,2DAAA,CACA,kBAAA,CACA,kCAAA,CC1CA,yCC1CF,gEAEI,uCAAA,CAAA","file":"static/css/58bc98a480fe2078.css","sourcesContent":[".container {\n appearance: none;\n display: inline-flex;\n align-items: center;\n outline: none;\n text-transform: uppercase;\n user-select: none;\n position: relative;\n overflow: hidden;\n border-radius: var(--border-radius-default);\n white-space: nowrap;\n line-height: 0;\n}\n\n.withBackground {\n background: var(--color-background-alternative-faded);\n}\n\n.defaultStyledContainer {\n padding: calc(0.5 * var(--spacing-xxsmall));\n box-sizing: border-box;\n}\n\n.smallContainer {\n height: var(--spacing-mega);\n}\n.mediumContainer {\n height: calc(2 * var(--spacing-large));\n}\n.largeContainer {\n height: calc(3 * var(--spacing-medium));\n}\n\n.disabledContainer {\n background-color: var(--color-background-alternative-medium);\n}\n\n.arrow {\n width: var(--spacing-mega);\n height: 100%;\n position: absolute;\n inset-inline-end: 0;\n pointer-events: none;\n display: flex;\n background: transparent;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n\n .withBackground & {\n background: var(--color-background-alternative-faded);\n }\n\n > svg {\n color: currentcolor;\n }\n}\n\n.disabledArrow {\n box-shadow: none;\n background-color: var(--color-background-alternative-medium);\n}\n\n.select {\n appearance: none;\n height: 100%;\n border: none;\n box-shadow: none;\n color: var(--color-text-default);\n background: transparent;\n font-size: var(--font-size-normal);\n text-transform: none;\n text-rendering: initial;\n}\n\n.defaultStyledSelect {\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.disabledSelect {\n background-color: var(--color-background-alternative-medium);\n cursor: not-allowed;\n color: var(--color-primary-default);\n}\n","// For usage see: https://medium.com/codeartisan/breakpoints-and-media-queries-in-scss-46e8f551e2f2\n$breakpoints-mobileS: 320px;\n$breakpoints-mobileM: 375px;\n$breakpoints-mobileL: 425px;\n$breakpoints-tablet: 768px;\n$breakpoints-desktop: 1024px;\n\n@mixin mobileS {\n @media only screen and (min-width: $breakpoints-mobileS) {\n @content;\n }\n}\n\n@mixin smallerThanMobileS {\n @media only screen and (max-width: $breakpoints-mobileS) {\n @content;\n }\n}\n\n@mixin mobileM {\n @media only screen and (min-width: $breakpoints-mobileM) {\n @content;\n }\n}\n\n@mixin smallerThanMobileM {\n @media only screen and (max-width: $breakpoints-mobileM) {\n @content;\n }\n}\n\n@mixin mobileL {\n @media only screen and (min-width: $breakpoints-mobileL) {\n @content;\n }\n}\n\n@mixin smallerThanMobileL {\n @media only screen and (max-width: $breakpoints-mobileL) {\n @content;\n }\n}\n\n@mixin tablet {\n @media only screen and (min-width: $breakpoints-tablet) {\n @content;\n }\n}\n\n@mixin smallerThanTablet {\n @media only screen and (max-width: $breakpoints-tablet) {\n @content;\n }\n}\n\n@mixin desktop {\n @media only screen and (min-width: $breakpoints-desktop) {\n @content;\n }\n}\n\n@mixin smallerThanDesktop {\n @media only screen and (max-width: $breakpoints-desktop) {\n @content;\n }\n}\n","@use \"src/styles/breakpoints\";\n\n.surahSelectionContainer {\n @include breakpoints.tablet {\n padding-block-end: var(--spacing-medium);\n }\n}\n"],"sourceRoot":""}
|
