refs #23583 [finc] alphanumeric order symbols

* new blocks can be added

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;