| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/DayCircle/DayCircle.module.scss","webpack://_N_E/src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/ReadingStreak.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/ReadingGoal/ReadingGoalAmount/VerseRangesList.module.scss","webpack://_N_E/src/components/dls/Progress/Progress.module.scss","webpack://_N_E/src/components/QuranReader/EndOfScrollingControls/QuranReaderReadingStreak/QuranReaderStreak/QuranReaderStreak.module.scss","webpack://_N_E/src/components/QuranReader/EndOfScrollingControls/QuranReaderReadingStreak/QuranReaderReadingStreak.module.scss","webpack://_N_E/src/components/QuranReader/EndOfScrollingControls/EndOfScrollingControls.module.scss"],"names":[],"mappings":"AAAA,4BACE,0BAAA,CACA,2BAAA,CACA,yCAAA,CACA,4CAAA,CACA,wCAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,sBAAA,CACA,qBAAA,CACA,8BAAA,CAEA,sCACE,6BAAA,CAGF,gCACE,SAAA,CACA,UAAA,CACA,UAAA,CAIJ,yBACE,sDAAA,CAGF,0BACE,mBAAA,CC3BF,gCACE,YAAA,CACA,6BAAA,CACA,qBAAA,CACA,UAAA,CACA,uBAAA,CCgDA,0CDrDF,gCAQI,KAAA,CACA,kBAAA,CACA,kBAAA,CAAA,CAIJ,qCACE,gCAAA,CACA,wBAAA,CACA,+BAAA,CAGF,wCACE,qCAAA,CAGF,2BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,wCAAA,CCaA,yCDXA,2DAEI,iDAAA,CAAA,CAKN,0BACE,iCAAA,CACA,gCAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,wBAAA,CAGF,+BACE,YAAA,CCPA,yCDMF,+BAII,aAAA,CAAA,CAIJ,gCACE,YAAA,CCTA,yCDQF,gCAII,iCAAA,CACA,qCAAA,CACA,aAAA,CAAA,CAIJ,sCACE,QAAA,CACA,UAAA,CACA,iBAAA,CAGF,iCACE,UAAA,CACA,UAAA,CACA,4CAAA,CAGF,oCACE,sCAAA,CAGF,uCACE,uCAAA,CACA,YAAA,CACA,kBAAA,CAEA,oDACE,wCAAA,CAIJ,4CACE,iCAAA,CACA,kCAAA,CACA,iBAAA,CACA,8CAAA,CACA,kBAAA,CACA,yBAAA,CACA,+BAAA,CACA,mBAAA,CEtGF,qCACE,YAAA,CACA,kBAAA,CACA,6BAAA,CCHF,8BACE,iBAAA,CACA,eAAA,CACA,0DAAA,CACA,uCAAA,CACA,UAAA,CAIA,uBAAA,CAGF,+BACE,4BAAA,CAGF,gCACE,2BAAA,CAGF,+BACE,0BAAA,CAGF,mCACE,4CAAA,CACA,UAAA,CACA,WAAA,CACA,mDAAA,CC5BF,iDACI,UAAA,CAGJ,sCACI,iCAAA,CACA,gCAAA,CACA,eAAA,CACA,YAAA,CACA,kBAAA,CAGJ,oCACI,wCAAA,CACA,gCAAA,CACA,qCAAA,CAGJ,4CACI,sCAAA,CAGJ,gDACI,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,uCAAA,CAEA,kDACI,gCAAA,CACA,mCAAA,CCzBR,yCACI,2CAH8B,CAI9B,2BAAA,CACA,iBAAA,CAMA,6CAAA,CJ8BF,yCIvCF,yCAMQ,0CAAA,CAAA,CAMR,2CACI,YAAA,CACA,6BAAA,CACA,qBAAA,CACA,UAAA,CACA,uBAAA,CJkCF,0CIvCF,2CAQQ,KAAA,CACA,kBAAA,CACA,kBAAA,CAAA,CAIR,uDACI,iCAAA,CACA,kCAAA,CACA,iBAAA,CACA,8CAAA,CACA,kBAAA,CACA,yBAAA,CACA,+BAAA,CACA,mBAAA,CCrCJ,yCACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wCAAA,CAGF,gDACE,UAAA,CACA,YAAA,CACA,cAAA,CACA,sBAAA,CACA,kBAAA,CACA,kDACE,yCAAA,CACA,wCAAA,CACA,uCAAA,CACA,0CAAA,CLwBF,yCK5BA,kDAMI,oBAAA,CACA,kBAAA,CACA,yCAAA,CACA,uCAAA,CAAA,CAKN,uDACE,wCAAA,CACA,kBAAA,CACA,cAAA,CLWA,yCKdF,uDAKI,aAAA,CAAA,CAIJ,uDACE,uCAAA","file":"static/css/3010459274105df5.css","sourcesContent":[".dayCircle {\n width: var(--spacing-large);\n height: var(--spacing-large);\n border-radius: var(--border-radius-circle);\n border: 2px solid var(--color-success-medium);\n background-color: var(--day-circle-color);\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n\n [dir=\"rtl\"] & {\n transform: translate(50%, -50%);\n }\n\n & svg {\n width: 90%;\n height: 90%;\n color: white;\n }\n}\n\n.filled {\n background-color: var(--color-success-medium) !important;\n}\n\n.stroked {\n border-style: dashed;\n}\n","@use \"src/styles/theme\";\n@use \"src/styles/breakpoints\";\n\n.container {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-mega);\n\n @include breakpoints.desktop {\n gap: 0;\n align-items: center;\n flex-direction: row;\n }\n}\n\n.streakSubtitle {\n font-size: var(--font-size-small);\n text-transform: uppercase;\n color: var(--color-text-default);\n}\n\n.weekProgressLabel {\n font-weight: var(--font-weight-medium);\n}\n\n.week {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-block-start: var(--spacing-medium);\n\n &.fixedWidth {\n @include breakpoints.tablet {\n min-width: calc(var(--spacing-large) * 24) !important;\n }\n }\n}\n\n.day {\n color: var(--color-success-medium);\n font-size: var(--font-size-small);\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-large);\n}\n\n.fullName {\n display: none;\n\n @include breakpoints.tablet {\n display: block;\n }\n}\n\n.shortName {\n display: none;\n\n @include breakpoints.smallerThanTablet {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-medium);\n display: block;\n }\n}\n\n.circleContainer {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.dayDivider {\n width: 100%;\n height: 2px;\n background-color: var(--color-success-medium);\n}\n\n.goalContainer {\n margin-block-start: var(--spacing-mega);\n}\n\n.actionsContainer {\n margin-block-start: var(--spacing-large);\n display: flex;\n align-items: center;\n\n & > :first-child {\n margin-inline-end: var(--spacing-xxsmall);\n }\n}\n\n.illustrationContainer {\n width: calc(5 * var(--spacing-mega));\n height: calc(5 * var(--spacing-mega));\n position: absolute;\n inset-block-end: calc(-1 * var(--spacing-medium));\n inset-inline-end: 0;\n opacity: var(--opacity-10);\n color: var(--color-success-deep);\n pointer-events: none;\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",".rowContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n",".progressRoot {\n position: relative;\n overflow: hidden;\n background-color: var(--color-background-alternative-faint);\n border-radius: var(--border-radius-pill);\n width: 100%;\n\n /* Fix overflow clipping in Safari */\n /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */\n transform: translateZ(0);\n}\n\n.progressSmall {\n height: var(--spacing-medium);\n}\n\n.progressMedium {\n height: var(--spacing-large);\n}\n\n.progressLarge {\n height: var(--spacing-mega);\n}\n\n.progressIndicator {\n background-color: var(--color-success-medium);\n width: 100%;\n height: 100%;\n transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n",".dailyProgressContainer {\n width: 100%;\n}\n\n.streakTitle {\n color: var(--color-success-medium);\n font-size: var(--font-size-jumbo);\n font-weight: bold;\n display: flex;\n align-items: center;\n}\n\n.dailyGoal {\n margin-block-start: var(--spacing-xsmall);\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-medium);\n}\n\n.progressContainer {\n margin-block-start: var(--spacing-mega);\n}\n\n.progressTextContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-start: var(--spacing-small);\n\n > p {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n }\n}\n","@use \"src/styles/theme\";\n@use \"src/styles/breakpoints\";\n\n$widget-wrapper-background-color: var(--color-success-faded);\n\n.wrapper {\n background-color: $widget-wrapper-background-color;\n padding: var(--spacing-mega);\n position: relative;\n\n @include breakpoints.tablet {\n border-radius: var(--border-radius-rounded);\n }\n\n --day-circle-color: #{$widget-wrapper-background-color};\n}\n\n.container {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-mega);\n\n @include breakpoints.desktop {\n gap: 0;\n align-items: center;\n flex-direction: row;\n }\n}\n\n.illustrationContainer {\n width: calc(5 * var(--spacing-mega));\n height: calc(5 * var(--spacing-mega));\n position: absolute;\n inset-block-end: calc(-1 * var(--spacing-medium));\n inset-inline-end: 0;\n opacity: var(--opacity-10);\n color: var(--color-success-deep);\n pointer-events: none;\n}\n","@use \"src/styles/breakpoints\";\n\n.container {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-block-start: var(--spacing-medium);\n}\n\n.buttonsContainer {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n > a {\n margin-block-start: var(--spacing-xxsmall);\n margin-inline-end: var(--spacing-xxsmall);\n margin-block-end: var(--spacing-xxsmall);\n margin-inline-start: var(--spacing-xxsmall);\n @include breakpoints.tablet {\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: var(--spacing-xsmall);\n margin-inline-end: var(--spacing-xsmall);\n }\n }\n}\n\n.progressWidgetContainer {\n margin-block-start: var(--spacing-xsmall);\n margin-inline: auto;\n max-width: 100%;\n @include breakpoints.tablet {\n max-width: 80%;\n }\n}\n\n.donationBannerContainer {\n margin-block-start: var(--spacing-large);\n}\n"],"sourceRoot":""}
|
