{"version":3,"sources":["../../pfe-sass/pfe-sass.scss","nomensa-pfe-sub-menu.css","../../pfe-sass/variables/_colors.scss","../../pfe-sass/themes/_empirix.scss","nomensa-pfe-sub-menu.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;ECoBE;AC4GF,6BAAA;AAOA,+BAAA;ACvIA,iFAAY;ACEZ;EAEI,cAAc;EACd,mBAAmB;AHsBvB;;AGpBI;EALJ;IAMM,oBAAoB;EHwBxB;AACF","file":"nomensa-pfe-sub-menu.css","sourcesContent":["/*\n * Copyright 2018 Red Hat, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n//\n// PFElements SASS / Styles\n// This will no longer be \"RH\" for \"Red Hat\", but for \"PFElement\"\n//\n\n$repo: pfe !default;\n$pfe-global--font-size-root: 16 !default; // root for fonts and everything else\n\n@import \"_functions\";\n@import \"_variables\";\n@import \"_mixins\";\n@import \"_themes\";\n","/*\n * Copyright 2018 Red Hat, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* Palette of Border Colors */\n/* Palette of Feedback Colors */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto|Ubuntu&display=swap\");\n:host ::slotted(li) {\n  display: block;\n  padding-bottom: 2px;\n}\n\n@media screen and (min-width: 1025px) {\n  :host ::slotted(li) {\n    padding-bottom: 10px;\n  }\n}\n","// TODO: Reconcile with _maps.scss so there's only one file and no middleman.\n\n// ========================================================================\n// COLORS for PFElements\n//\n// Context-based colors to be used in styling PFElements along with _maps.scss\n// @requires _crayola.scss\n//\n// ========================================================================\n\n\n// ========================================================================\n// Base Text Colors\n// ========================================================================\n\n$pfe-color--text:                               $pfelements--gray-dark !default;\n$pfe-color--text--on-dark:                      $pfe-color--white !default;\n$pfe-color--text--on-saturated:                 $pfe-color--white !default;\n\n\n// ========================================================================\n// Base UI Link Colors to be used below\n// ========================================================================\n\n$pfe-color--ui-link:                            #06c !default;\n$pfe-color--ui-link--visited:                   $pfelements--purple !default;             // Was #7551a6\n$pfe-color--ui-link--hover:                     darken($pfe-color--ui-link, 20%) !default; // Was #004080\n$pfe-color--ui-link--focus:                     darken($pfe-color--ui-link, 20%) !default; // Was #004080\n\n$pfe-color--ui-link--on-dark:                   lighten($pfe-color--ui-link, 40%) !default;          // Was #97daff\n$pfe-color--ui-link--on-dark--visited:          lighten($pfe-color--ui-link--visited, 30%) !default; // Was #d8c0ff\n$pfe-color--ui-link--on-dark--hover:            lighten($pfe-color--ui-link--on-dark, 10%) !default; // Was #c0ecff\n$pfe-color--ui-link--on-dark--focus:            lighten($pfe-color--ui-link--on-dark, 10%) !default; // Was #c0ecff\n\n$pfe-color--ui-link--on-saturated:              lighten($pfe-color--ui-link, 40%) !default;               // Was #97daff\n$pfe-color--ui-link--on-saturated--visited:     lighten($pfe-color--ui-link--visited, 30%) !default;      // Was #d8c0ff\n$pfe-color--ui-link--on-saturated--hover:       lighten($pfe-color--ui-link--on-saturated, 10%) !default; // Was #c0ecff\n$pfe-color--ui-link--on-saturated--focus:       lighten($pfe-color--ui-link--on-saturated, 10%) !default; // Was #c0ecff\n\n\n// ========================================================================\n// Base UI Colors for Buttons, CTAs, and actionable UI elements\n// ========================================================================\n\n$pfe-color--ui-base:                            $pfelements--blue !default;\n$pfe-color--ui-base--hover:                     darken($pfelements--blue, 20%) !default;\n$pfe-color--ui-base--text:                      $pfe-color--text--on-dark !default;\n$pfe-color--ui-base--text--hover:               $pfe-color--text--on-dark !default;\n\n$pfe-color--ui-complement:                      $pfe-color--gray-800 !default;\n$pfe-color--ui-complement--hover:               $pfe-color--gray-1000 !default;\n$pfe-color--ui-complement--text:                $pfe-color--text--on-dark !default;\n$pfe-color--ui-complement--text--hover:         $pfe-color--text--on-dark !default;\n\n$pfe-color--ui-accent:                          $pfelements--orange !default;\n$pfe-color--ui-accent--hover:                   darken($pfelements--orange, 20%) !default;\n$pfe-color--ui-accent--text:                    $pfe-color--text--on-dark !default;\n$pfe-color--ui-accent--text--hover:             $pfe-color--text--on-dark !default;\n\n$pfe-color--ui-disabled:                        $pfelements--gray-light !default;\n$pfe-color--ui-disabled--hover:                 $pfelements--gray-light !default;\n$pfe-color--ui-disabled--text:                  $pfelements--gray !default;\n$pfe-color--ui-disabled--text--hover:           $pfelements--gray !default;\n\n\n// ========================================================================\n// Base Surface Colors for Container elements\n// ========================================================================\n\n// Lightest group\n$pfe-color--surface--lightest:                  $pfe-color--white !default;\n$pfe-color--surface--lightest--text:            $pfe-color--text !default;\n$pfe-color--surface--lightest--link:            $pfe-color--ui-link !default;\n$pfe-color--surface--lightest--link--visited:   $pfe-color--ui-link--visited !default;\n$pfe-color--surface--lightest--link--hover:     $pfe-color--ui-link--hover !default;\n$pfe-color--surface--lightest--link--focus:     $pfe-color--ui-link--focus !default;\n\n// Lighter group\n$pfe-color--surface--lighter:                   $pfe-color--gray-100 !default;\n$pfe-color--surface--lighter--text:             $pfe-color--text !default;\n$pfe-color--surface--lighter--link:             $pfe-color--ui-link !default;\n$pfe-color--surface--lighter--link--visited:    $pfe-color--ui-link--visited !default;\n$pfe-color--surface--lighter--link--hover:      $pfe-color--ui-link--hover !default;\n$pfe-color--surface--lighter--link--focus:      $pfe-color--ui-link--focus !default;\n\n// Base group\n$pfe-color--surface--base:                      $pfe-color--gray-200 !default;\n$pfe-color--surface--base--text:                $pfe-color--text !default;\n$pfe-color--surface--base--link:                #00538c !default;  // Contrast with $pfe-color--ui-link doesn't meet WCAG2 AA\n$pfe-color--surface--base--link--visited:       #7551a6 !default;\n$pfe-color--surface--base--link--hover:         #00305b !default;\n$pfe-color--surface--base--link--focus:         #00305b !default;\n\n// Darker group\n$pfe-color--surface--darker:                    $pfe-color--gray-800 !default;\n$pfe-color--surface--darker--text:              $pfe-color--text--on-dark !default;\n$pfe-color--surface--darker--link:              $pfe-color--ui-link--on-dark !default;\n$pfe-color--surface--darker--link--visited:     $pfe-color--ui-link--on-dark--visited !default;\n$pfe-color--surface--darker--link--hover:       $pfe-color--ui-link--on-dark--hover !default;\n$pfe-color--surface--darker--link--focus:       $pfe-color--ui-link--on-dark--focus !default;\n\n// Darkest group\n$pfe-color--surface--darkest:                   $pfe-color--gray-1000 !default;\n$pfe-color--surface--darkest--text:             $pfe-color--text--on-dark !default;\n$pfe-color--surface--darkest--link:             $pfe-color--ui-link--on-dark !default;\n$pfe-color--surface--darkest--link--visited:    $pfe-color--ui-link--on-dark--visited !default;\n$pfe-color--surface--darkest--link--hover:      $pfe-color--ui-link--on-dark--hover !default;\n$pfe-color--surface--darkest--link--focus:      $pfe-color--ui-link--on-dark--focus !default;\n\n// Complement group\n$pfe-color--surface--complement:                $pfelements--blue;\n$pfe-color--surface--complement--text:          $pfe-color--text--on-dark !default;\n$pfe-color--surface--complement--link:          $pfe-color--ui-link--on-dark !default;\n$pfe-color--surface--complement--link--visited: $pfe-color--ui-link--on-dark--visited !default;\n$pfe-color--surface--complement--link--hover:   $pfe-color--ui-link--on-dark--hover !default;\n$pfe-color--surface--complement--link--focus:   $pfe-color--ui-link--on-dark--focus !default;\n\n\n// Accent group\n$pfe-color--surface--accent:                    $pfelements--orange;\n$pfe-color--surface--accent--text:              $pfe-color--text--on-dark !default;\n$pfe-color--surface--accent--link:              $pfe-color--ui-link--on-dark !default;\n$pfe-color--surface--accent--link--visited:     $pfe-color--ui-link--on-dark--visited !default;\n$pfe-color--surface--accent--link--hover:       $pfe-color--ui-link--on-dark--hover !default;\n$pfe-color--surface--accent--link--focus:       $pfe-color--ui-link--on-dark--focus !default;\n\n\n\n/* Palette of Border Colors */\n$pfe-color--surface--border:                    $pfe-color--gray-200 !default;  // Was #ccc\n$pfe-color--surface--border--lightest:          $pfe-color--gray-100 !default;  // Was #e7e7e7\n$pfe-color--surface--border--lighter:           $pfe-color--gray-100 !default;\n$pfe-color--surface--border--darkest:           $pfe-color--gray-800 !default;\n$pfe-color--surface--border--darker:            $pfe-color--gray-300 !default;\n\n/* Palette of Feedback Colors */\n$pfe-color--feedback--critical:                 $pfe-color--red-600 !default;\n$pfe-color--feedback--critical--lightest:       $pfe-color--red-50 !default;\n$pfe-color--feedback--critical--darkest:        $pfe-color--red-800 !default;\n\n$pfe-color--feedback--important:                $pfe-color--orange-500 !default;\n$pfe-color--feedback--important--lightest:      $pfe-color--orange-50 !default;\n$pfe-color--feedback--important--darkest:       $pfe-color--orange-700 !default;\n\n$pfe-color--feedback--moderate:                 $pfe-color--yellow-400 !default;\n$pfe-color--feedback--moderate--lightest:       $pfe-color--yellow-50 !default;\n$pfe-color--feedback--moderate--darkest:        $pfe-color--yellow-700 !default;\n\n$pfe-color--feedback--success:                  #2e7d32 !default;\n$pfe-color--feedback--success--lightest:        $pfe-color--green-50 !default;\n$pfe-color--feedback--success--darkest:         #1b5e20 !default;\n\n$pfe-color--feedback--info:                     #0277bd !default;\n$pfe-color--feedback--info--lightest:           $pfe-color--blue-50 !default;\n$pfe-color--feedback--info--darkest:            #01579b !default;\n\n$pfe-color--feedback--default:                  $pfe-color--gray-700 !default;\n$pfe-color--feedback--default--lightest:        $pfe-color--gray-100 !default;\n$pfe-color--feedback--default--darkest:         $pfe-color--gray-800 !default;\n","@import url('https://fonts.googleapis.com/css?family=Roboto|Ubuntu&display=swap');\n\n// ========================================================================\n// Empirix font vars\n// ========================================================================\n$empirix-ubuntu-font: 'Ubuntu', sans-serif;\n$empirix-roboto-font: 'Roboto', sans-serif;\n$empirix-mobile-font-size: 16px;\n$empirix-mobile-line-height: 1.5;\n$empirix-desktop-font-size: 18px;\n$empirix-desktop-line-height: 1.44;\n\n\n// ========================================================================\n// Empirix breakpoint vars\n// ========================================================================\n$emp-lg: 1025px;\n\n$pfe-global--grid-breakpoint--lg: $emp-lg;\n\n// ========================================================================\n// Empirix colour vars\n// ========================================================================\n$empirix--black: #101010;\n$empirix--black-pure: #000;\n$empirix--baby-blue: #b0e1f4;\n$empirix--cerulean: #009ddb;\n$empirix--dark-grey: #545454;\n$empirix--green: #8cc63f;\n$empirix--green-light: #ddffaf;\n$empirix--grey: #404551;\n$empirix--grey-battleship: #6c7278;\n$empirix--light-grey: #a9b2bb;\n$empirix--purple-brown: #231f20;\n\n\n// Base text colours\n$pfe-color--empirix-text:                   $empirix--purple-brown;\n$pfe-color--empirix-text--on-dark:          $pfe-color--white;\n\n$pfe-color--empirix-ui-base:                $empirix--green;\n$pfe-color--empirix-ui-base--hover:         $empirix--green-light;\n$pfe-color--empirix-ui-base--text:          $empirix--purple-brown;\n$pfe-color--empirix-ui-base--text--hover:   $empirix--grey;\n\n$pfe-color--empirix-ui-complement:                $empirix--cerulean;\n$pfe-color--empirix-ui-complement--hover:         $empirix--baby-blue;\n$pfe-color--empirix-ui-complement--text:          $pfe-color--white;\n$pfe-color--empirix-ui-complement--text--hover:   $empirix--grey;\n$pfe-color--empirix-ui-complement--border--hover: $empirix--grey-battleship;\n\n\n\n// ========================================================================\n// Empirix base presets\n// ========================================================================\n$empirix-base-font: $empirix-ubuntu-font;\n$empirix-body-font: $empirix-roboto-font;\n$empirix-base-color: $empirix--purple-brown;","@import \"../../pfe-sass/pfe-sass\";\n\n:host {\n  ::slotted(li) {\n    display: block;\n    padding-bottom: 2px;\n\n    @media screen and (min-width: $emp-lg) {\n      padding-bottom: 10px;\n    }\n  }\n}"]}