{"version":3,"sources":["webpack:///./src/assets/stylesheets/palette.scss","webpack:///./src/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"AAiEE,4BACE,+CACA,sDACA,qDAOE,kDACA,gEAXJ,6BACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,+BACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,oCACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,+BACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,6BACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,mCACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,6BACE,kDACA,wDACA,wDAOE,kDACA,gEAXJ,6BACE,kDACA,wDACA,wDAOE,kDACA,gEAXJ,8BACE,iDACA,wDACA,uDAOE,kDACA,gEAXJ,oCACE,gDACA,uDACA,sDAOE,kDACA,gEAXJ,6BACE,gDACA,uDACA,sDAIE,kDACA,gEARJ,+BACE,iDACA,wDACA,sDAIE,kDACA,gEARJ,8BACE,iDACA,wDACA,uDAIE,kDACA,gEARJ,+BACE,iDACA,wDACA,uDAIE,kDACA,gEARJ,oCACE,iDACA,wDACA,sDAOE,kDACA,gEAXJ,8BACE,gDACA,uDACA,sDAOE,kDACA,gEAXJ,6BACE,8CACA,qDACA,oDAOE,kDACA,gEAXJ,kCACE,iDACA,wDACA,uDAOE,kDACA,gEAUN,8BACE,iDACA,wDACA,uDACA,kDACA,gEAGA,yCACE,iCACA,4CAIF,uCACE,iCACA,4CAGA,+CACE,gECmGF,yCD3FA,8CACE,iCACA,uDCuEF,oCD/DA,gDACE,sDAGA,iEACE,iCAIF,2EACE,wCADF,kEACE,wCADF,uEACE,wCADF,6DACE,wCAIF,sDACE,sDCkEJ,yCDzDA,iFACE,iCACA,4CAIF,uCACE,iECgCF,uCDxBA,uCACE,iCACA,4CACA,iEAUN,8BACE,iDACA,wDACA,uDACA,kDACA,gEAGA,yCACE,sBAIF,uCACE,sBCeA,yCDRA,8CACE,6CCXF,oCDmBA,gDACE,qDAGA,sDACE,uDCNJ,yCDeA,iFACE,uBClCF,uCD0CA,uCACE,uBA6BJ,2BACE,iDACA,gEAOE,iDACA,+DAVJ,4BACE,iDACA,gEAOE,iDACA,+DAVJ,8BACE,gDACA,+DAOE,iDACA,+DAVJ,mCACE,iDACA,gEAOE,iDACA,+DAVJ,8BACE,gDACA,+DAOE,iDACA,+DAVJ,4BACE,iDACA,gEAOE,iDACA,+DAVJ,kCACE,iDACA,gEAOE,iDACA,+DAVJ,4BACE,iDACA,gEAOE,iDACA,+DAVJ,4BACE,iDACA,gEAOE,iDACA,+DAVJ,6BACE,iDACA,gEAOE,iDACA,+DAVJ,mCACE,+CACA,8DAOE,iDACA,+DAVJ,4BACE,gDACA,+DAIE,iDACA,+DAPJ,8BACE,gDACA,+DAIE,iDACA,+DAPJ,6BACE,gDACA,+DAIE,iDACA,+DAPJ,8BACE,gDACA,+DAIE,iDACA,+DAPJ,mCACE,gDACA,+DAOE,iDACA,+D","file":"assets/stylesheets/palette.883290b5.min.css","sourcesContent":["////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is 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 NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Dependencies\n// ----------------------------------------------------------------------------\n\n@import \"modularscale\";\n@import \"material-color\";\n\n// ----------------------------------------------------------------------------\n// Local imports\n// ----------------------------------------------------------------------------\n\n@import \"utilities/break\";\n@import \"utilities/convert\";\n\n@import \"config\";\n\n// ----------------------------------------------------------------------------\n// Rules: primary colors\n// ----------------------------------------------------------------------------\n\n@each $name, $colors in (\n  \"red\":         $clr-red-400         $clr-red-200         $clr-red-600,\n  \"pink\":        $clr-pink-500        $clr-pink-200        $clr-pink-700,\n  \"purple\":      $clr-purple-400      $clr-purple-200      $clr-purple-600,\n  \"deep-purple\": $clr-deep-purple-400 $clr-deep-purple-200 $clr-deep-purple-500,\n  \"indigo\":      $clr-indigo-500      $clr-indigo-200      $clr-indigo-700,\n  \"blue\":        $clr-blue-500        $clr-blue-200        $clr-blue-700,\n  \"light-blue\":  $clr-light-blue-500  $clr-light-blue-200  $clr-light-blue-700,\n  \"cyan\":        $clr-cyan-500        $clr-cyan-200        $clr-cyan-700,\n  \"teal\":        $clr-teal-500        $clr-teal-200        $clr-teal-700,\n  \"green\":       $clr-green-500       $clr-green-200       $clr-green-700,\n  \"light-green\": $clr-light-green-500 $clr-light-green-200 $clr-light-green-700,\n  \"lime\":        $clr-lime-500        $clr-lime-200        $clr-lime-700,\n  \"yellow\":      $clr-yellow-500      $clr-yellow-200      $clr-yellow-700,\n  \"amber\":       $clr-amber-500       $clr-amber-200       $clr-amber-700,\n  \"orange\":      $clr-orange-400      $clr-orange-200      $clr-orange-600,\n  \"deep-orange\": $clr-deep-orange-400 $clr-deep-orange-200 $clr-deep-orange-600,\n  \"brown\":       $clr-brown-500       $clr-brown-200       $clr-brown-700,\n  \"grey\":        $clr-grey-600        $clr-grey-200        $clr-grey-700,\n  \"blue-grey\":   $clr-blue-grey-600   $clr-blue-grey-200   $clr-blue-grey-700\n) {\n\n  // Color palette\n  [data-md-color-primary=\"#{$name}\"] {\n    --md-primary-fg-color:             hsla(#{hex2hsl(nth($colors, 1))}, 1);\n    --md-primary-fg-color--light:      hsla(#{hex2hsl(nth($colors, 2))}, 1);\n    --md-primary-fg-color--dark:       hsla(#{hex2hsl(nth($colors, 3))}, 1);\n\n    // Inverted text for lighter shades\n    @if index(\"lime\" \"yellow\" \"amber\" \"orange\", $name) {\n      --md-primary-bg-color:           var(--md-default-fg-color);\n      --md-primary-bg-color--light:    var(--md-default-fg-color--light);\n    } @else {\n      --md-primary-bg-color:           var(--md-default-bg-color);\n      --md-primary-bg-color--light:    var(--md-default-bg-color--light);\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: white\n// ----------------------------------------------------------------------------\n\n// Color palette\n[data-md-color-primary=\"white\"] {\n  --md-primary-fg-color:               hsla(#{hex2hsl($clr-indigo-500)}, 1);\n  --md-primary-fg-color--light:        hsla(#{hex2hsl($clr-indigo-300)}, 1);\n  --md-primary-fg-color--dark:         hsla(#{hex2hsl($clr-indigo-700)}, 1);\n  --md-primary-bg-color:               var(--md-default-bg-color);\n  --md-primary-bg-color--light:        var(--md-default-bg-color--light);\n\n  // Application header (stays always on top)\n  .md-header {\n    color: var(--md-default-fg-color);\n    background-color: var(--md-default-bg-color);\n  }\n\n  // Hero teaser\n  .md-hero {\n    color: var(--md-default-fg-color);\n    background-color: var(--md-default-bg-color);\n\n    // Add a border if there are no tabs\n    &--expand {\n      border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);\n    }\n  }\n\n  // [tablet portrait -]: Layered navigation\n  @include break-to-device(tablet portrait) {\n\n    // Repository containing source\n    .md-nav__source {\n      color: var(--md-default-fg-color);\n      background-color: var(--md-default-fg-color--lightest);\n    }\n  }\n\n  // [tablet portrait +]: Change color of search input\n  @include break-from-device(tablet landscape) {\n\n    // Search input\n    .md-search__input {\n      background-color: var(--md-default-fg-color--lightest);\n\n      // Icon color\n      + .md-search__icon {\n        color: var(--md-default-fg-color);\n      }\n\n      // Placeholder color\n      &::placeholder {\n        color: var(--md-default-fg-color--light);\n      }\n\n      // Hovered search field\n      &:hover {\n        background-color: var(--md-default-fg-color--lighter);\n      }\n    }\n  }\n\n  // [tablet -]: Layered navigation\n  @include break-to-device(tablet) {\n\n    // Site title in main navigation\n    html & .md-nav--primary .md-nav__title[for=\"__drawer\"] {\n      color: var(--md-default-fg-color);\n      background-color: var(--md-default-bg-color);\n    }\n\n    // Hero teaser\n    .md-hero {\n      border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);\n    }\n  }\n\n  // [screen +]: Set background color for tabs\n  @include break-from-device(screen) {\n\n    // Tabs with outline\n    .md-tabs {\n      color: var(--md-default-fg-color);\n      background-color: var(--md-default-bg-color);\n      border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: black\n// ----------------------------------------------------------------------------\n\n// Color palette\n[data-md-color-primary=\"black\"] {\n  --md-primary-fg-color:               hsla(#{hex2hsl($clr-indigo-500)}, 1);\n  --md-primary-fg-color--light:        hsla(#{hex2hsl($clr-indigo-300)}, 1);\n  --md-primary-fg-color--dark:         hsla(#{hex2hsl($clr-indigo-700)}, 1);\n  --md-primary-bg-color:               var(--md-default-bg-color);\n  --md-primary-bg-color--light:        var(--md-default-bg-color--light);\n\n  // Application header (stays always on top)\n  .md-header {\n    background-color: hsla(0, 0%, 0%, 1);\n  }\n\n  // Hero teaser\n  .md-hero {\n    background-color: hsla(0, 0%, 0%, 1);\n  }\n\n  // [tablet portrait -]: Layered navigation\n  @include break-to-device(tablet portrait) {\n\n    // Repository containing source\n    .md-nav__source {\n      background-color: var(--md-default-fg-color);\n    }\n  }\n\n  // [tablet landscape +]: Header-embedded search\n  @include break-from-device(tablet landscape) {\n\n    // Search input\n    .md-search__input {\n      background-color: var(--md-default-bg-color--lighter);\n\n      // Hovered search field\n      &:hover {\n        background-color: var(--md-default-bg-color--lightest);\n      }\n    }\n  }\n\n  // [tablet -]: Layered navigation\n  @include break-to-device(tablet) {\n\n    // Site title in main navigation\n    html & .md-nav--primary .md-nav__title[for=\"__drawer\"] {\n      background-color: hsla(0, 0%, 0%, 1);\n    }\n  }\n\n  // [screen +]: Set background color for tabs\n  @include break-from-device(screen) {\n\n    // Tabs with outline\n    .md-tabs {\n      background-color: hsla(0, 0%, 0%, 1);\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: accent colors\n// ----------------------------------------------------------------------------\n\n@each $name, $color in (\n  \"red\":         $clr-red-a400,\n  \"pink\":        $clr-pink-a400,\n  \"purple\":      $clr-purple-a200,\n  \"deep-purple\": $clr-deep-purple-a200,\n  \"indigo\":      $clr-indigo-a200,\n  \"blue\":        $clr-blue-a200,\n  \"light-blue\":  $clr-light-blue-a700,\n  \"cyan\":        $clr-cyan-a700,\n  \"teal\":        $clr-teal-a700,\n  \"green\":       $clr-green-a700,\n  \"light-green\": $clr-light-green-a700,\n  \"lime\":        $clr-lime-a700,\n  \"yellow\":      $clr-yellow-a700,\n  \"amber\":       $clr-amber-a700,\n  \"orange\":      $clr-orange-a400,\n  \"deep-orange\": $clr-deep-orange-a200\n) {\n\n  // Color palette\n  [data-md-color-accent=\"#{$name}\"] {\n    --md-accent-fg-color:              hsla(#{hex2hsl($color)}, 1);\n    --md-accent-fg-color--transparent: hsla(#{hex2hsl($color)}, 0.1);\n\n    // Inverted text for lighter shades\n    @if index(\"lime\" \"yellow\" \"amber\" \"orange\", $name) {\n      --md-accent-bg-color:            var(--md-default-fg-color);\n      --md-accent-bg-color--light:     var(--md-default-fg-color--light);\n    } @else {\n      --md-accent-bg-color:            var(--md-default-bg-color);\n      --md-accent-bg-color--light:     var(--md-default-bg-color--light);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is 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 NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Device-specific breakpoints\n///\n/// @example\n///   $break-devices: (\n///     mobile: (\n///       portrait:  220px  479px,\n///       landscape: 480px  719px\n///     ),\n///     tablet: (\n///       portrait:  720px  959px,\n///       landscape: 960px  1219px\n///     ),\n///     screen: (\n///       small:     1220px 1599px,\n///       medium:    1600px 1999px,\n///       large:     2000px\n///     )\n///   );\n///\n$break-devices: () !default;\n\n// ----------------------------------------------------------------------------\n// Helpers\n// ----------------------------------------------------------------------------\n\n///\n/// Choose minimum and maximum device widths\n///\n@function break-select-min-max($devices) {\n  $min: 1000000;\n  $max: 0;\n  @each $key, $value in $devices {\n    @while type-of($value) == map {\n      $value: break-select-min-max($value);\n    }\n    @if type-of($value) == list {\n      @each $number in $value {\n        @if type-of($number) == number {\n          $min: min($number, $min);\n          @if $max != null {\n            $max: max($number, $max);\n          }\n        } @else {\n          @error \"Invalid number: #{$number}\";\n        }\n      }\n    } @else if type-of($value) == number {\n      $min: min($value, $min);\n      $max: null;\n    } @else {\n      @error \"Invalid value: #{$value}\";\n    }\n  }\n  @return $min, $max;\n}\n\n///\n/// Select minimum and maximum widths for a device breakpoint\n///\n@function break-select-device($device) {\n  $current: $break-devices;\n  @for $n from 1 through length($device) {\n    @if type-of($current) == map {\n      $current: map-get($current, nth($device, $n));\n    } @else {\n      @error \"Invalid device map: #{$devices}\";\n    }\n  }\n  @if type-of($current) == list or type-of($current) == number {\n    $current: (default: $current);\n  }\n  @return break-select-min-max($current);\n}\n\n// ----------------------------------------------------------------------------\n// Mixins\n// ----------------------------------------------------------------------------\n\n///\n/// A minimum-maximum media query breakpoint\n///\n@mixin break-at($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (min-width: $breakpoint) {\n      @content;\n    }\n  } @else if type-of($breakpoint) == list {\n    $min: nth($breakpoint, 1);\n    $max: nth($breakpoint, 2);\n    @if type-of($min) == number and type-of($max) == number {\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid breakpoint: #{$breakpoint}\";\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// An orientation media query breakpoint\n///\n@mixin break-at-orientation($breakpoint) {\n  @if type-of($breakpoint) == string {\n    @media screen and (orientation: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A maximum-aspect-ratio media query breakpoint\n///\n@mixin break-at-ratio($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (max-aspect-ratio: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A minimum-maximum media query device breakpoint\n///\n@mixin break-at-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    @if nth($breakpoint, 2) != null {\n      $min: nth($breakpoint, 1);\n      $max: nth($breakpoint, 2);\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid device: #{$device}\";\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A minimum media query device breakpoint\n///\n@mixin break-from-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $min: nth($breakpoint, 1);\n    @media screen and (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A maximum media query device breakpoint\n///\n@mixin break-to-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $max: nth($breakpoint, 2);\n    @media screen and (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n"],"sourceRoot":""}