| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Forms/Checkbox/Checkbox.module.scss","webpack://_N_E/src/components/Search/Filters/TranslationGroup.module.scss","webpack://_N_E/src/components/Search/Filters/Filter.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/Search/NoResults/NoResults.module.scss","webpack://_N_E/src/components/Search/PreInput/Header/Header.module.scss","webpack://_N_E/src/components/dls/IconContainer/IconContainer.module.scss","webpack://_N_E/src/components/Search/PreInput/SearchItem.module.scss","webpack://_N_E/src/components/Search/PreInput/SearchQuerySuggestion/SearchQuerySuggestion.module.scss","webpack://_N_E/src/components/Search/SearchHistory/SearchHistory.module.scss","webpack://_N_E/src/components/Search/PreInput/PreInput.module.scss","webpack://_N_E/src/components/Search/SearchResults/SearchResultItem.module.scss","webpack://_N_E/src/components/dls/Pagination/Pagination.module.scss","webpack://_N_E/src/components/Search/SearchResults/SearchResults.module.scss","webpack://_N_E/src/components/Search/SearchBodyContainer.module.scss","webpack://_N_E/src/components/dls/Forms/Input/Input.module.scss","webpack://_N_E/src/pages/search.module.scss"],"names":[],"mappings":"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","file":"static/css/bbe2041d940a510c.css","sourcesContent":[".container {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n}\n\n.checkbox {\n all: unset;\n background-color: var(--color-background-alternative-faint);\n border-radius: var(--border-radius-default);\n border: 1px solid var(--color-secondary-medium);\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n border: 1px solid var(--color-primary-medium);\n }\n}\n\n.checkbox[data-focus-visible-added] {\n &:focus {\n box-shadow: var(--shadow-small);\n }\n}\n\n.checkbox[data-state=\"checked\"],\n.checkbox[data-state=\"indeterminate\"] {\n border: 1px solid var(--color-borders-hairline);\n}\n.checkbox[disabled] {\n background-color: var(--color-secondary-medium);\n}\n\n.label {\n padding-inline-start: var(--spacing-xsmall);\n font-size: var(--font-size-normal);\n line-height: var(--line-height-normal);\n user-select: none;\n}\n\n.disabled {\n color: var(--color-secondary-medium);\n}\n\n.indicator {\n background: var(--color-primary-medium);\n border-radius: var(--border-radius-default);\n width: 100%;\n height: 100%;\n}\n\n.disabledIndicator {\n background-color: var(--color-secondary-medium);\n}\n",".header {\n display: block;\n text-transform: capitalize;\n margin-block-start: var(--spacing-medium);\n margin-block-end: var(--spacing-xsmall);\n}\n.item {\n margin-block: var(--spacing-xsmall);\n}\n\n.itemsContainer {\n margin-inline-start: var(--spacing-medium);\n}\n","@use \"src/styles/breakpoints\";\n\n.dropdownLabel {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-xsmall);\n}\n\n.comboboxItems {\n div[role=\"dialog\"] {\n width: 82%;\n @include breakpoints.tablet {\n width: 43%;\n }\n }\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",".container {\n margin-block-start: var(--spacing-large);\n margin-inline-end: var(--spacing-large);\n margin-block-end: var(--spacing-large);\n margin-inline-start: var(--spacing-large);\n}\n\n.mainBody {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.iconContainer {\n padding-block-start: var(--spacing-large);\n padding-block-end: var(--spacing-large);\n padding-inline-start: var(--spacing-large);\n padding-inline-end: var(--spacing-large);\n color: var(--color-secondary-medium);\n}\n\n.iconContainer svg {\n width: calc(2 * var(--spacing-large));\n height: calc(2 * var(--spacing-large));\n}\n\n.mainMessage {\n padding-block-start: var(--spacing-medium);\n padding-block-end: var(--spacing-medium);\n padding-inline-start: var(--spacing-medium);\n padding-inline-end: var(--spacing-medium);\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n line-height: normal;\n}\n\n.secondaryMessage {\n font-size: var(--font-size-normal);\n}\n",".header {\n font-weight: var(--font-weight-bold);\n padding-block-start: var(--spacing-small);\n padding-block-end: var(--spacing-small);\n padding-inline-start: 0;\n padding-inline-end: 0;\n width: 100%;\n text-align: start;\n}\n",".container {\n display: flex;\n align-items: center;\n}\n.container[dir=\"rtl\"][data-auto-flip-icon=\"true\"] {\n > svg {\n transform: scaleX(-1);\n }\n}\n\n.defaultColor {\n > svg path {\n fill: var(--color-primary-medium);\n }\n}\n.secondaryColor {\n > svg path {\n fill: var(--color-secondary-medium);\n }\n}\n\n.xsmallIcon {\n > svg {\n width: 16px;\n height: 16px;\n }\n}\n\n.smallIcon {\n > svg {\n width: 20px;\n height: 20px;\n }\n}\n\n.mediumIcon {\n > svg {\n width: 32px;\n height: 32px;\n }\n}\n\n.largeIcon {\n > svg {\n width: 36px;\n height: 36px;\n }\n}\n",".item {\n width: 100%;\n display: flex;\n align-items: center;\n text-decoration: none;\n box-sizing: border-box;\n padding-inline: var(--spacing-xxsmall);\n padding-block: var(--spacing-xsmall);\n &:hover {\n path {\n fill: var(--color-text-default);\n }\n }\n}\n.item > .itemContent {\n margin-inline-start: var(--spacing-medium);\n flex: 1;\n text-align: start;\n cursor: pointer;\n}\n\n.prefix {\n display: flex;\n align-items: center;\n & > span {\n display: flex;\n }\n}\n",".searchSuggestion {\n border-block-start: 1px solid var(--color-borders-hairline);\n &:last-child {\n border-block-end: 1px solid var(--color-borders-hairline);\n }\n}\n",".container {\n padding-block-end: var(--spacing-large);\n}\n",".container {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.popularSearchesContainer {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--spacing-micro);\n padding-block-end: var(--spacing-large);\n width: 100%;\n}\n\n.popularSearchItem {\n text-decoration: none;\n display: block;\n border-block-end: 1px solid var(--color-borders-hairline);\n &:first-child {\n border-block-start: 1px solid var(--color-borders-hairline);\n }\n}\n",".translationName {\n font-size: var(--font-size-xsmall);\n opacity: var(--opacity-75);\n}\n\n.translationContainer {\n margin-block-start: var(--spacing-small);\n margin-block-end: var(--spacing-small);\n margin-inline-start: 0;\n margin-inline-end: 0;\n em {\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.container {\n text-decoration: none;\n border-block-end: 1px solid var(--color-borders-hairline);\n padding-block: var(--spacing-medium);\n margin-block-end: var(--spacing-xsmall);\n}\n\n.itemContainer {\n border-radius: var(--border-radius-default);\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n\n.quranTextContainer {\n}\n\n.verseLink {\n}\n\n.quranTextResult {\n font-size: var(--font-size-xlarge);\n line-height: var(--line-height-large);\n direction: rtl;\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n}\n\n.verseKey {\n color: var(--color-success-medium);\n display: block;\n margin-block-end: var(--spacing-medium);\n font-weight: var(--font-weight-bold);\n}\n",".container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.buttonContainer {\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n}\n\n.selectedButton {\n background: var(--color-background-alternative-medium);\n border-radius: var(--border-radius-default);\n}\n",".resultsSummaryContainer {\n margin-block-start: var(--spacing-medium);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-block-end: var(--spacing-medium);\n}\n\n.header {\n margin-block-start: var(--spacing-large);\n text-transform: capitalize;\n color: var(--color-text-faded);\n}\n\n.showAll {\n text-decoration: underline;\n}\n\n.navigationItemsListContainer {\n margin-block-start: var(--spacing-large);\n}\n.navigationItemContainer {\n margin-inline-end: var(--spacing-small);\n}\n","@use \"src/styles/constants\";\n\n.internalContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n","@use \"src/styles/theme\";\n\n.container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n &.disabled,\n &.disabled * {\n background: var(--color-background-alternative-medium);\n pointer-events: none;\n cursor: not-allowed;\n }\n border: 1px solid var(--color-borders-hairline);\n &.error {\n border-color: var(--color-error-deep);\n }\n &.success {\n border-color: var(--color-success-medium);\n }\n &.warning {\n border-color: var(--color-warning-medium);\n }\n border-radius: var(--border-radius-rounded);\n padding-inline: var(--spacing-small);\n}\n\n.main {\n padding-inline: var(--spacing-xsmall);\n padding-block: var(--spacing-xsmall);\n\n & .input {\n font-size: var(--font-size-large);\n color: var(--color-text-default);\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.rtlInput {\n [dir=\"rtl\"] & {\n direction: rtl;\n }\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.label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.input {\n padding: 0;\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n border: 0;\n height: 80%;\n width: 100%;\n font-size: var(--font-size-normal);\n color: var(--color-text-default);\n background: transparent;\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n &.error {\n color: var(--color-error-deep);\n }\n &.success {\n color: var(--color-success-medium);\n }\n &.warning {\n color: var(--color-warning-medium);\n }\n}\n\n@mixin prefixSuffixContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n}\n\n.clearContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n}\n\n.prefixSuffixContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n color: var(--color-text-faded);\n\n > svg {\n width: var(--spacing-large);\n }\n}\n\n.prefix {\n border-start-start-radius: var(--border-radius-default);\n border-end-start-radius: var(--border-radius-default);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.suffix {\n border-inline-start: 1px solid var(--color-background-alternative-deep);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n background: var(--color-background-alternative-medium);\n\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xsmall);\n}\n","@use \"src/styles/breakpoints\";\n\n$tablet-max-width: 50rem;\n\n.pageContainer {\n margin-block-start: var(--spacing-medium);\n\n // TODO: remove this when we remove banner\n @include breakpoints.smallerThanTablet {\n padding-block-start: calc(var(--spacing-medium) + var(--banner-height));\n }\n\n margin-block-end: calc(2 * var(--spacing-mega));\n}\n\n.paginationContainer {\n min-height: calc(2 * var(--spacing-mega));\n}\n\n.searchInputContainer {\n border: 1px solid var(--color-borders-hairline);\n border-radius: var(--border-radius-pill);\n padding-block-start: var(--spacing-xxsmall);\n padding-block-end: var(--spacing-xxsmall);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xsmall);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: var(--spacing-large);\n margin-block-start: var(--spacing-medium);\n margin-block-end: var(--spacing-medium);\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n\n.rtlFlexDirection {\n flex-direction: row-reverse;\n}\n\n.searchInput {\n border: 0;\n width: 90%;\n font-size: var(--font-size-normal);\n background: var(--color-background-default);\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n}\n\n.pageBody {\n padding-inline: calc(1 * var(--spacing-xsmall));\n @include breakpoints.tablet {\n max-width: $tablet-max-width;\n margin-inline: auto;\n padding-inline: calc(1.5 * var(--spacing-medium));\n }\n}\n\n.searchBodyContainer {\n box-sizing: border-box;\n padding-inline: var(--spacing-small);\n max-width: 50rem;\n}\n\n.filtersContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n @include breakpoints.tablet {\n margin-inline: var(--spacing-large);\n }\n margin-block: var(--spacing-xsmall);\n}\n\n.headerInnerContainer {\n padding-inline: calc(1.5 * var(--spacing-medium));\n @include breakpoints.tablet {\n padding-inline: calc(2 * var(--spacing-mega));\n }\n max-width: $tablet-max-width;\n margin-inline: auto;\n}\n\n.headerOuterContainer {\n border-block-end: 1px solid var(--color-borders-hairline);\n margin-block-end: var(--spacing-medium);\n}\n\n.filterButton {\n margin-inline-end: var(--spacing-medium);\n}\n\n.searching {\n font-weight: var(--font-weight-bold);\n}\n\n.languagePopover,\n.translationPopover {\n display: inline-block;\n}\n\n.translationFilterContainer {\n min-width: calc(10 * var(--spacing-mega));\n}\n.filterButton,\n.resetButton {\n text-transform: uppercase;\n}\n\n.modalContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.translationSearchContainer {\n flex: 1;\n margin-inline-end: var(--spacing-small);\n}\n"],"sourceRoot":""}
|
