From 31835ec7b13e9ecea86c30e78b4d1f8475070147 Mon Sep 17 00:00:00 2001 From: Alexander Purr <purr@ub.uni-leipzig.de> Date: Fri, 31 Mar 2023 14:58:59 +0200 Subject: [PATCH] refs #23583 [finc] alphanumeric order symbols * new blocks can be added --- themes/finc/scss/_customVariables.scss | 88 +++++++++++++------------- 1 file changed, 44 insertions(+), 44 deletions(-) diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss index e619b6b226b..0659a764e9b 100644 --- a/themes/finc/scss/_customVariables.scss +++ b/themes/finc/scss/_customVariables.scss @@ -15,7 +15,7 @@ // ***************************************************************** -// ************ Common colors referenced elsewhere in the code ***** +// **** 00 **** Common colors referenced elsewhere in the code ***** // ***************************************************************** $white: #fff !default; @@ -46,7 +46,7 @@ $lightgrey-transparent: rgba(0, 0, 0, .05); // ***************************************************************** -// ************ Theme basic colors ********************************* +// **** A0 **** Theme basic colors ********************************* // ***************************************************************** $brand-primary: #204563 !default; @@ -71,7 +71,7 @@ $pagination-disabled-color: $default-disabled-color !default; // ***************************************************************** -// ************ General dimensions ********************************* +// **** A5 **** General dimensions ********************************* // ***************************************************************** // WCAG 2.1 for AA requires a minimum viewport size of 320px @@ -122,7 +122,7 @@ $thumbnail-width-large: 160px !default; // ***************************************************************** -// ************ Radii ********************************************** +// **** B0 **** Radii ********************************************** // ***************************************************************** // Get rid of all round corners @@ -148,7 +148,7 @@ $toolbar-button-radius: 0 !default; // ***************************************************************** -// ************ Border styles ************************************** +// **** B5 **** Border styles ************************************** // ***************************************************************** $border-color: $iron !default; @@ -171,7 +171,7 @@ $margin-right-width: inherit !default; // ***************************************************************** -// ************ Default anchor/link styles general ***************** +// **** C0 **** Default anchor/link styles general ***************** // ***************************************************************** $link-color: $brand-primary !default; $link-hover-color: darken($link-color, 15%) !default; @@ -186,7 +186,7 @@ $mainbody-link-text-decoration: $link-text-decoration !default; // ***************************************************************** -// ************ Button styles ************************************** +// **** C5 **** Button styles ************************************** // ***************************************************************** $btn-default-color: $oil !default; @@ -262,7 +262,7 @@ $button-top-padding: 6px !default; // ***************************************************************** -// ************ Feedback state colors ****************************** +// **** D0 **** Feedback state colors ****************************** // ************ Alert colors *************************************** // ***************************************************************** // NOTE: alerts are defined like so '$alert-success-bg: $state-success-bg;' @@ -296,7 +296,7 @@ $state-link-hover-color: $black !default; // ***************************************************************** -// ************ Highlighter in search results colors *************** +// **** D5 **** Highlighter in search results colors *************** // ***************************************************************** // activate and change BG here // mark, @@ -308,7 +308,7 @@ $state-link-hover-color: $black !default; // ***************************************************************** -// ************ Tooltips colors ************************************ +// **** E0 **** Tooltips colors ************************************ // ***************************************************************** // default bg is black $tooltip-color: $snow !default; @@ -320,7 +320,7 @@ $tooltip-inner-padding: .75em !default; // ***************************************************************** -// ************ Badge styles *************************************** +// **** E5 **** Badge styles *************************************** // ***************************************************************** // Badges are used for elements in MyAccount menu that hold the hit numbers and for the numbers listed in the result list. @@ -336,7 +336,7 @@ $sidebar-badge-fa-color: darken($brand-secondary, 40%) !default; // ***************************************************************** -// ************ Alerts/Feedback state ****************************** +// **** F0 **** Alerts/Feedback state ****************************** // ***************************************************************** $state-link-text-decoration: $link-text-decoration !default; @@ -349,7 +349,7 @@ $state-inside-holding-info-margin-top: 1rem !default; // ***************************************************************** -// ************ Outlines (focus, accessibility etc.) *************** +// **** F5 **** Outlines (focus, accessibility etc.) *************** // ***************************************************************** // override default bootstrap accessibility plugin scss variables // there is a mixin @mixin outline($size) {outline: $outline-default-style $size $outline-default-color;} @@ -361,7 +361,7 @@ $outline-default-style: solid !default; // ***************************************************************** -// ************ Form elements ************************************** +// **** G0 **** Form elements ************************************** // ***************************************************************** // Validator colors @@ -475,7 +475,7 @@ $select-search-form-sm-max-width: 140px !default; // ***************************************************************** -// ************ Non-form Labels (result list etc.) ***************** +// **** H0 **** Non-form Labels (result list etc.) ***************** // ***************************************************************** // The following is for labels in the result list, such as // item format (e-book, book, ... - ['.result-formats .format']) @@ -503,7 +503,7 @@ $label-result-format-status-padding: .5em !default; // for default see _labels.s // ***************************************************************** -// ************ Dropdowns ****************************************** +// **** H5 **** Dropdowns ****************************************** // ***************************************************************** // Dropdown background is used for ALL dropdowns, incl. the language selector; // originally defined under BS _variables.scss, and used in _dropdowns.scss; @@ -542,7 +542,7 @@ $dropdown-rvk-list-item-icon-margin-right: .5em !default; // ***************************************************************** -// ************ Accordions/Collapse elements *********************** +// **** I0 **** Accordions/Collapse elements *********************** // ***************************************************************** $accordion-toggler-display: block !default; $accordion-toggler-padding: ($grid-gutter-width / 2) !default; @@ -560,7 +560,7 @@ $accordion-toggler-icon-font-family: FontAwesome, sans-serif !default; // ***************************************************************** -// ************ Slick slider elements ****************************** +// **** I5 **** Slick slider elements ****************************** // ************ Carousels ****************************************** // ************ Channels ******************************************* // ***************************************************************** @@ -596,7 +596,7 @@ $similar-items-carousel-indicators-active-box-shadow: none !default; // ***************************************************************** -// ************ Tables ********************************************* +// **** J0 **** Tables ********************************************* // ***************************************************************** $table-border: 1px solid $brand-secondary !default; @@ -610,7 +610,7 @@ $table-in-tabs-width: 100% !default; // ***************************************************************** -// ************ Headings ******************************************* +// **** J5 **** Headings ******************************************* // ***************************************************************** $h1-font-size: 2rem !default; @@ -645,7 +645,7 @@ $h4-text-align-sidebar-xs-sm: center !default; // ***************************************************************** -// ************ Body and main container colors ********************* +// **** K0 **** Body and main container colors ********************* // ***************************************************************** $body-bg: $snow !default; @@ -656,7 +656,7 @@ $main-bg: $white !default; // ***************************************************************** -// ************ Header and navbar ********************************* +// **** K5 **** Header and navbar ********************************* // ***************************************************************** // Header and header elements colors @@ -751,7 +751,7 @@ $icon-exclamation-triangle-in-header-padding: 0 !default; // ***************************************************************** -// ************ Search box ************************************ +// **** L5 **** Search box ************************************ // ***************************************************************** // Make search box container flexible - values should complement those // of #header-collapse (i.e. the right-hand side navigation elements) @@ -793,7 +793,7 @@ $search-form-advanced-search-button-border: 1px solid $oil !default; // ***************************************************************** -// ************ Content box **************************************** +// **** M0 **** Content box **************************************** // ***************************************************************** // currently reused: @@ -809,7 +809,7 @@ $content-box-background-color: inherit !default; // ***************************************************************** -// ************ Advanced Search ************************************ +// **** M5 **** Advanced Search ************************************ // ***************************************************************** // Advanced Search Terms @@ -857,7 +857,7 @@ $adv-search-box-background-color: $content-box-background-color // ***************************************************************** -// ************ Active filters in header *************************** +// **** N0 **** Active filters in header *************************** // ***************************************************************** // Outer container for filter names and reset button; // in searchbox without squashing right-hand menu; @@ -919,7 +919,7 @@ $search-filter-dropdown-button-vertical-align: unset !default; $search-filter-dropdown-button-float: none !default; // ***************************************************************** -// ************ Breadcrumbs **************************************** +// **** N5 **** Breadcrumbs **************************************** // ***************************************************************** $breadcrumb-bg: $brand-primary !default; @@ -954,7 +954,7 @@ $breadcrumbs-top-padding: 10px !default; // ***************************************************************** -// ************ Main content block ********************************* +// **** O0 **** Main content block ********************************* // ***************************************************************** $content-xs-padding-top: 1.5rem !default; @@ -963,7 +963,7 @@ $content-xs-padding-top: 1.5rem !default; // ***************************************************************** -// ************ Result list, Favorites and other lists ************* +// **** O5 **** Result list, Favorites and other lists ************* // ***************************************************************** // This is for all lists that use the result list view or elements thereof. // For Search Control, Bulk Elements, Pagination, see below @@ -1030,7 +1030,7 @@ $result-list-access-icon-inner-display-xs: block !default; // ***************************************************************** -// ************ Search control elements **************************** +// **** P0 **** Search control elements **************************** // ***************************************************************** // use 'unset' if you want to avoid flex display $search-stats-flex-grow: unset !default; @@ -1082,7 +1082,7 @@ $adv-search-links-button-margin-bottom: em(3px) !default; // ***************************************************************** -// ************ Pagination (results)/pager (records) *************** +// **** P5 **** Pagination (results)/pager (records) *************** // ***************************************************************** $pager-margin-bottom: 0 !default; @@ -1100,7 +1100,7 @@ $pager-border-radius: 0 !default; // ***************************************************************** -// ************ Bookbag ******************************************** +// **** Q0 **** Bookbag ******************************************** // ***************************************************************** $book-bag-list-item-margin-bottom: .5em !default; @@ -1121,7 +1121,7 @@ $book-bag-remove-from-icon-content: '\f068' !default; // ***************************************************************** -// ************ Bulk Action Toolbar ******************************** +// **** Q5 **** Bulk Action Toolbar ******************************** // ***************************************************************** $bulk-action-buttons-element-clear: both !default; @@ -1142,7 +1142,7 @@ $bulk-action-record-view-checkbox-input-margin-top: $input-top-margin !default; // ***************************************************************** -// ************ Sidebar elements *********************************** +// **** R0 **** Sidebar elements *********************************** // ***************************************************************** // Sidebar item padding @@ -1214,7 +1214,7 @@ $icon-with-text-warning-color: $brand-warning !default; // ***************************************************************** -// ************ Record tabs **************************************** +// **** S0 **** Record tabs **************************************** // ***************************************************************** $record-tabs-padding-left: 1em !default; $record-tabs-padding-left-xs: 0 !default; @@ -1239,7 +1239,7 @@ $record-tabs-availability-column-a-xs-sm-word-break: break-word !default; // ***************************************************************** -// ************ Off-canvas ***************************************** +// **** S5 **** Off-canvas ***************************************** // ***************************************************************** // Back-button in opened off-canvas sidebar (on LEFT) @@ -1266,7 +1266,7 @@ $off-canvas-active-sidebar-padding: 2px !default; // ***************************************************************** -// ************ Modal/lightbox ************************************* +// **** T0 **** Modal/lightbox ************************************* // ***************************************************************** $modal-lg: 900px !default; $modal-md: 600px !default; @@ -1301,7 +1301,7 @@ $modal-dialog-close-button-focus-hover-opacity: unset !default; // ***************************************************************** -// ************ Footer elements ************************************ +// **** T5 **** Footer elements ************************************ // ***************************************************************** $footer-border-top: 0 !default; $footer-padding-top: ($grid-gutter-width / 1.5) !default; @@ -1320,7 +1320,7 @@ $footer-link-text-decoration: $link-text-decoration !default; // ***************************************************************** -// ************ Home page ****************************************** +// **** U0 **** Home page ****************************************** // ***************************************************************** $home-page-margin-top: 1em !default; $browse-container-padding-top: 1em !default; @@ -1342,7 +1342,7 @@ $home-page-browse-item-active-focus-hover-text-decoration: underline !default; // ***************************************************************** -// ************ Hierarchy Tree/JS tree ***************************** +// **** U5 **** Hierarchy Tree/JS tree ***************************** // ***************************************************************** $jstree-tree-selector-border-bottom: $border-default-styles !default; @@ -1402,7 +1402,7 @@ $jstree-clicked-hover-focus-color: $jstree-clicked-hover-color !default; // ***************************************************************** -// ************ Resolver links, 'traffic lights' ******************* +// **** V0 **** Resolver links, 'traffic lights' ******************* // ***************************************************************** $resolver-links-show-availability-display: inline !default; @@ -1439,7 +1439,7 @@ $traffic-light-access-open-inner-last-background-color: $brand-success !default; // ***************************************************************** -// ************ Admin panel for translations *********************** +// **** V5 **** Admin panel for translations *********************** // ***************************************************************** $translation-form-margin-top: 2em !default; $translation-form-label-font-weight: bold !default; @@ -1464,7 +1464,7 @@ $translation-form-sorting-desc-icon: '\f0dd' !default; // ***************************************************************** -// ************ AMSL sources *************************************** +// **** W0 **** AMSL sources *************************************** // ***************************************************************** $amsl-sources-list-line-height: 1.5 !default; @@ -1478,7 +1478,7 @@ $amsl-sources-list-panel-body-span-margin: 10px 15px 10px 0 !default; // ***************************************************************** -// ************ Activate On Demand - Plugins *********************** +// **** Z5 **** Activate On Demand - Plugins *********************** // ***************************************************************** $activate-on-demand-bulkaction-visible-xs: false !default; -- GitLab