{"version":3,"sources":["../node_modules/@elioway/god/stylesheets/god.scss","../node_modules/@elioway/god/stylesheets/mixins/_heading_sizes.scss","../node_modules/@elioway/god/stylesheets/_pillar.scss","../node_modules/@elioway/god/stylesheets/mixins/_pillaraged.scss","../node_modules/@elioway/god/stylesheets/mixins/_media_widths.scss","../node_modules/@elioway/god/stylesheets/_heaven.scss","../node_modules/@elioway/god/stylesheets/mixins/_all_are_judged.scss","../node_modules/@elioway/god/stylesheets/mixins/_forgive_sinner.scss","../node_modules/@elioway/god/stylesheets/_hell.scss","../node_modules/@elioway/god/stylesheets/mixins/_condemn_sinner.scss","../node_modules/@elioway/god/stylesheets/_sinner.scss","../node_modules/@elioway/god/stylesheets/ol/_pillar.scss","../node_modules/@elioway/god/stylesheets/ul/_pillar.scss","../node_modules/@elioway/god/stylesheets/img/_pillar.scss","../node_modules/@elioway/eve/stylesheets/eve.scss","adons.scss","adon/_adonStatus.scss","../node_modules/@elioway/eve/stylesheets/mixins/_colorize_god.scss","adon/_adonToolBar.scss","../node_modules/@elioway/god/stylesheets/mixins/_fixed_height.scss","../node_modules/@elioway/god/stylesheets/mixins/_fixed_width.scss","adon/_adonHideOnScrollDown.scss","adon/_adonNavScrollTo.scss","theme.scss","../node_modules/@elioway/eve/stylesheets/mixins/_fontize_god.scss","settings.scss","_pillar.scss","_heaven.scss","_hell.scss","h1/_pillar.scss","adon/_adonHelloWorld.scss","adon/_adonMadStuff.scss","../node_modules/@elioway/eve/stylesheets/mixins/_colorize_link.scss"],"names":[],"mappings":"AAAA;AC4BI;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;ACxBN;EC2EE;EACA,SAF2C;EAG3C;EA5DA;EACA;EACA;EACA;EAwBA;;AC/BA;EFbF;ICiBE;IACA;IACA;IACA;;;ACbA;EFPF;ICiBE;IACA;IACA;IACA;IAwBA;;;AE7CF;ECoBE;EACA;EACA;EACA;EACA;EACA;ECGA;EACA;EACA;EACA;;AHjBA;ECdF;IAaI;;;ADmBF;EChCF;IAiBI;;;AGhBJ;EFmBE;EACA;EACA;EACA;EACA;EACA;EGDA;EACA;EACA;;ALZA;EIbF;IAaI,MAPS;IAQT;;;AJiBF;EI/BF;IAkBI,MAZS;IAaT;;;AJZF;EMPF;IJmBE;IACA;IACA;IACA;IACA;IACA;IIpBE;IACA;IACA;;;ANOF;EMbF;IAUI;;;ANeF;EMzBF;IAcI;;;ANiBF;EM/BF;IAkBI;;;ACtBF;EACE;;AAEA;EACE;;APmBJ;EObE;IACE;;;ACXJ;EACE;;AAEA;EACE;;ARmBJ;EQbE;IACE;;;ACZN;EACE;;;ACDF;ACAA;ACAA;ECwBI,YDtBoB;ECwBtB,QANiC;EAQ/B,OD1B8B;;AAGlC;ECmBI,YDjBoB;ECmBtB,QANiC;EAQ/B,ODrByB;;AAG7B;EAGE;;AAGF;EAGE;;AZWA;EYRA;IAGE;;EAGF;IAGE;;;AE/BJ;ECmBE;EACA;EACA;EDlBA;EACA;EACA;EACA;EACA;EACA;;AdgBA;EcxBF;ICmBE;IACA;IACA;ICFA;IACA;IACA;IFTE;;;AAIJ;EAEE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGF;ECXE;EACA;EACA;EDaA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIA;EAEE;;AdvBF;EcqBA;IAII;IACA;;;Ad1BJ;EiBxBF;IAEI;IACA;IACA;IACA;;EAOA;IAGE;;;ACfN;EAEE;;AAGF;EAEE;EACA;;;ACLF;ECoBI,aCEO;EFpBT,kBEUa;;;ACdf;ETuBI,YQTW;ERWb,QANiC;EAQ/B,OQdW;;AEdf;EVwBI,YQVW;ERYb,QANiC;EAQ/B,OQZS;;AGhBb;EXwBI,YQRS;ERUX,QANiC;EAQ/B,OQdW;;AIZf;EACE;EACA;EACA;EACA;EACA;;AzBKA;EyBVF;IAQI;IACA;IACA;;;AzBMF;EyBhBF;IAcI;IACA;IACA;;;AzBYF;EyB5BF;IAoBI;IACA;IACA;;;ACxBJ;EbwBI,YatBoB;EbwBtB,QANiC;EAQ/B,OQdW;;AMdf;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ARrBF;ESWE,OTVuB;;ASYvB;EACE;;AAGF;EAII;;AAIJ;EACE;;;ATtBJ;EACE","file":"adon.css","sourcesContent":["/* god theme: Call me to include god in your SASS projects.*/\n@import \"./mixins\";\n$skiponacci: skiponacci(6);\n$fontonacci: fontonacci($skiponacci, $god-h6, $god-h1);\n$container: sl-to-string($container, \">,\") + \">\";\n$heaven: sl-to-list($heaven, comma);\n$hell: sl-to-list($hell, comma);\n$pillar-width: 100% - $heaven-width - $hell-width;\n\n#{$container} {\n  @include heading_sizes($fontonacci);\n  @import \"pillar\";\n  @import \"heaven\";\n  @import \"hell\";\n  @import \"sinner\";\n  @import \"ol/pillar\";\n  @import \"ul/pillar\";\n  @import \"img/pillar\";\n}\n","/// /// //\n/// Master style for heading spreads\n//\n/// @param {LIST} $fontzy A list of 6 heading sizes\n//\n/// @example\n/// @include heading_sizes(600% 500% 400% 300% 200% 100%);\n//\n/// /// h1 {\n/// ///   font-size:  600%;\n/// /// }\n/// /// h2 {\n/// ///   font-size:  500%;\n/// /// }\n/// /// h3 {\n/// ///   font-size:  400%;\n/// /// }\n/// /// h4 {\n/// ///   font-size:  300%;\n/// /// }\n/// /// h5 {\n/// ///   font-size:  200%;\n/// /// }\n/// /// h6 {\n/// ///   font-size:  100%;\n/// /// }\n@mixin heading_sizes($fonti) {\n  @for $i from 1 through 6 {\n    #{h + $i} {\n      font-size: nth($fonti, $i);\n    }\n  }\n}\n","// `pillar` level HTML tags like p, h6, div should come inside the body tag.\n//  By default pillar is \"contained\".\n// Commarise the list as a css selector.\n@use \"sass:math\";\n\n#{$pillar} {\n  @include pillaraged($hell-width, $heaven-width, $personal-space, $god-space);\n  $pillar-adj: overlap_factor(\n    100% - $god-space - $heaven-width - $hell-width,\n    100% - $god-space,\n    $pillar-cosy\n  );\n  @include cosy {\n    @include pillar_containment(\n      $hell-width - math.div($pillar-adj, 2),\n      $heaven-width - math.div($pillar-adj, 2)\n    );\n  }\n  @include tight {\n    @include pillar_containment($personal-space, $personal-space);\n    @include pillar_padding($inline-padding, $inline-padding);\n  }\n}\n","/// /// //\n/// Margin style to contain a pillar.\n//\n/// Using left and right margins as percentages to fix the column, with no\n/// vertical margin.\n//\n/// @param {%} $ml margin-left\n/// @param {%} $mr margin-right\n//\n/// @example\n/// body > $pillar {\n///   @include pillar_containment(30%, 30%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///   margin-left: 30% !important;\n/// ///   margin-right: 30% !important;\n/// /// }\n/// //\n@mixin pillar_containment($ml, $mr) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n  margin-left: $ml !important;\n  margin-right: $mr !important;\n}\n\n/// /// //\n/// Padding style to contain a pillar.\n//\n/// Apply vertical padding as the margin between tags, and horizontal padding\n/// to pad between the pillar and the believers.\n//\n/// @param {UNIT} $pv padding-vertically\n/// @param {%} $ph padding-horizontally\n//\n/// @example\n/// body > $pillar {\n///   @include pillar_padding(0, 3%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    padding: 0 3%;\n/// /// }\n/// //\n@mixin pillar_padding($pv, $ph) {\n  padding: $pv $ph;\n}\n\n/// /// //\n/// A column of tags forming a vertical pillar on the web page.\n//\n/// @param {%} $ml margin-left\n/// @param {%} $mr margin-right\n/// @param {UNIT} $pv padding-vertically\n/// @param {%} $ph padding-horizontally\n//\n/// @example\n/// body > $pillar {\n///   @include pillaraged(20%, 40%, 4px, 3%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    margin: 0 20% 0 40% !important;\n/// /// /// > ol,\n/// /// /// > ul, {\n/// /// ///   padding-left: 3%;\n/// /// ///   padding-right: 3%;\n/// /// /// }\n/// ///    padding: 4px 3%;\n/// ///    display: block;\n/// ///    float: none;\n/// /// }\n/// //\n@mixin pillaraged($ml, $mr, $pv, $ph, $disp: block) {\n  box-sizing: border-box;\n  display: $disp;\n  float: none;\n  @include pillar_containment($ml, $mr);\n  @include pillar_padding($pv, $ph);\n}\n","/// /// //\n/// Master styles for media breaks.\n//\n/// @example\n/// @include tight {\n///   color: blue;\n/// }\n//\n/// //@media screen and (max-width: 600px) {\n/// ///    color: blue;\n/// /// }\n@mixin tight {\n  @media screen and (max-width: $god-tight) {\n    @content;\n  }\n}\n\n@mixin cosy {\n  @media screen and (min-width: $god-tight + 1px) and (max-width: $god-cosy) {\n    @content;\n  }\n}\n\n@mixin tight_and_cosy {\n  @media screen and (max-width: $god-cosy) {\n    @content;\n  }\n}\n\n@mixin loose {\n  @media screen and (min-width: $god-cosy + 1px) and (max-width: $god-loose) {\n    @content;\n  }\n}\n\n@mixin full {\n  @media screen and (min-width: $god-loose + 1px) {\n    @content;\n  }\n}\n","// Master for heaven styles. Highjack a standard block level HTML tag like \"h6\".\n// Apply the hang @mixin. h6 becomes a sidebar \"sinner\" which the body text will\n// wrap around. On small screens believers collapse to panels with special styles.\n// Commarise the list as a css selector.\n#{$heaven} {\n  @include forgive_sinner(\n    $heaven-width - $god-space,\n    $personal-space,\n    $god-space\n  );\n  $heaven-adj: overlap_factor(\n    $heaven-width,\n    100% - $god-space - $hell-width,\n    $heaven-cosy\n  );\n  @include cosy {\n    // Little bit wider, now that we're overlapping\n    width: $heaven-width + $heaven-adj - $god-space !important;\n  }\n  @include full {\n    // Little bit narrow, now that we're big\n    width: $heaven-width - ($heaven-adj * 0.3) - $god-space !important;\n  }\n}\n","/// /// //\n/// Master styling for believers.\n//\n/// @param {%} $w width\n/// @param {UNIT} $pv padding-vertically\n/// @param {%} $ph padding-horizontally\n//\n/// @example\n/// body > $pillar {\n///   @include all_are_judged(40%, 4px, 3%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    box-sizing: border-box;\n/// ///    display: inline-block;\n/// ///    margin-left: 0 0 4px !important;\n/// ///    margin-right: 0 0 4px !important;\n/// ///    padding: 4px 3%;\n/// ///    width: 40% !important;\n/// /// }\n/// //\n@mixin all_are_judged($w, $pv, $ph) {\n  box-sizing: border-box;\n  display: inline-block;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  padding: $pv $ph;\n  width: $w !important;\n  /// Trust god to deal with padding, width and margin.\n}\n","/// /// //\n/// Master style for tags in heaven.\n//\n/// @param {%} $w width\n/// @param {UNIT} $pv padding-vertically\n/// @param {%} $ph padding-horizontally\n/// @param {%} $m margin\n/// @param {UNIT} $b border\n//\n/// @example\n/// body > $pillar {\n///   @include forgive_sinner(40%, 2%, 1%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    padding: 6px 2% 0 2%;\n/// ///    width: 40% - (2% + 2%) !important;\n/// ///    margin-top: 0 !important;\n/// ///    margin-bottom: 1% !important;\n/// ///    margin-left: 0 !important;\n/// ///    margin-right: 0 !important;\n/// ///    break-before: always;\n/// ///    break-before: always !important; /// give way on right\n/// ///    clear: right;\n/// ///    float: right;\n/// ///    text-align: right;\n/// /// }\n/// //\n@mixin forgive_sinner($w, $pv, $ph) {\n  @include all_are_judged($w, $pv, $ph);\n  break-before: always !important; /* give way on right */\n  clear: right;\n  float: right;\n  margin-left: $ph !important;\n}\n","//\n// Master for hell styles. Highjack a standard block level HTML tag like \"h6\".\n// Apply the hang @mixin. h6 becomes a sidebar \"sinner\" which the body text will\n// wrap around. On small screens believers collapse to panels with special styles.\n// Commarise the list as a css selector.\n#{$hell} {\n  @include condemn_sinner(\n    $hell-width - $god-space,\n    $personal-space,\n    $god-space\n  );\n  $hell-adj: overlap_factor(\n    $hell-width,\n    100% - $god-space - $heaven-width,\n    $hell-cosy\n  );\n  @include cosy {\n    // Little bit wider, now that we're overlapping\n    full: $hell-adj;\n    width: $hell-width + $hell-adj - $god-space !important;\n  }\n  @include full {\n    // Little bit narrow, now that we're big\n    full: $hell-adj;\n    width: $hell-width - ($hell-adj * 0.3) - $god-space !important;\n  }\n}\n","/// /// //\n/// Master style for tags in hell.\n//\n/// @param {%} $w width\n/// @param {UNIT} $pv padding-vertically\n/// @param {%} $ph padding-horizontally\n//\n/// @example\n/// body > $pillar {\n///   @include condemn_sinner(40%, 4px, 3%);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    padding: 4px 3% 0 3%;\n/// ///    width: 40% - (2% + 2%) !important;\n/// ///    margin: 0 !important;\n/// ///    margin-right: 0 !important;\n/// ///    break-before: always;\n/// ///    display: inline-block;\n/// ///    clear: left;\n/// ///    float: left;\n/// ///    text-align: left;\n/// /// }\n/// //\n@mixin condemn_sinner($w, $pv, $ph) {\n  @include all_are_judged($w, $pv, $ph);\n  clear: left;\n  float: left;\n  margin-right: $ph !important;\n}\n","// Master for sinner styles\n// Combine heaven and hell.\n$sinners: sl-union($heaven, $hell); // Commarise the list as a css selector.\n$sinners: sl-to-list($sinners, comma);\n\n#{$sinners} {\n  @include tight {\n    // Default: no hanging for any sinners on a mobile.\n    @include all_are_judged(100%, $personal-space, $god-space);\n    display: block !important;\n    float: none !important;\n    text-align: left;\n  }\n  @include cosy {\n    // More vertical spacing between sinners.\n    margin-bottom: ($personal-space * 1.3) !important;\n  }\n  @include loose {\n    // Even more vertical spacing between sinners.\n    margin-bottom: ($personal-space * 1.6) !important;\n  }\n  @include full {\n    // Tonnes of vertical spacing between sinners.\n    margin-bottom: ($personal-space * 1.9) !important;\n  }\n}\n","ol {\n  > li {\n    margin-left: $personal-space !important;\n\n    > * {\n      display: inline;\n    }\n  }\n}\n@include tight_and_cosy {\n  ol {\n    > li {\n      list-style-position: inside;\n    }\n  }\n}\n","ul {\n  > li {\n    margin-left: $personal-space !important;\n\n    > * {\n      display: inline;\n    }\n  }\n}\n@include tight_and_cosy {\n  ul {\n    > li {\n      list-style-position: inside;\n    }\n  }\n}\n","img {\n  max-width: $pillar-width !important;\n}\n","/* eve theme: Call me to include eve in your SASS projects.*/\n@import \"./mixins\";\n@import \"blockquote/settings\";\n","/* adon theme: Call me to include adon in your SASS projects.*/\n#{$container} {\n  @import \"adon/adonStatus\";\n  @import \"adon/adonToolBar\";\n  @import \"adon/adonHideOnScrollDown\";\n  @import \"adon/adonNavScrollTo\";\n}\n",".adonStatus-disabled {\n  /// DEBUG: adonStatus.js;\n  @include colorize_god(darkgrey, lightgrey);\n}\n\n.adonStatus-error {\n  /// DEBUG: adonStatus.js;\n  @include colorize_god(red, black);\n}\n\n.adonStatus-fixed {\n  /// DEBUG: adonStatus.js;\n  // top: 100px !important;\n  position: fixed;\n}\n\n.adonStatus-sticky {\n  /// DEBUG: adonStatus.js;\n  // top: 100px !important;\n  position: sticky;\n}\n@include loose {\n  .adonStatus-sticky {\n    /// DEBUG: adonStatus.js;\n    // top: 100px !important;\n    position: relative;\n  }\n\n  .adonStatus-fixed {\n    /// DEBUG: adonStatus.js;\n    // top: 100px !important;\n    position: relative;\n  }\n}\n","/// /// //\n/// Utility to add background and foreground color to any tag.\n//\n/// @param {STR} $bg background\n/// @param {STR} $fg color\n/// @param {STR} $bd border\n//\n/// @example\n/// body > $pillar {\n///   @include colorize_god(red, white, blue solid 1px);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///   background: red;\n/// ///   border: blue solid 1px;\n/// ///   color: white;\n/// /// }\n/// //\n@mixin colorize_god($bg, $fg, $bd: 0) {\n  /// type-of: type-of($b);\n  /// d: round($b);\n  @if not no_means_no($bg) {\n    background: $bg;\n  }\n  border: $bd;\n  @if not no_means_no($fg) {\n    color: $fg;\n  }\n}\n",".adonToolBar {\n  /// DEBUG: adonToolBar.js;\n  @include fixed_height(48px);\n  cursor: pointer;\n  margin-top: $personal-space !important;\n  margin-bottom: 0 !important;\n  padding-top: $personal-space !important;\n  padding-bottom: $personal-space !important;\n  transition: all $transition ease-in-out;\n  @include tight_and_cosy {\n    @include fixed_height(32px);\n    @include fixed_width(32px);\n    text-align: center !important;\n  }\n}\n\n.adonToolBar.slavehidden {\n  /// DEBUG: adonToolBar.js;\n  margin-top: $personal-space !important;\n  background-color: $pillar-color !important;\n}\n\n.adonToolSlave {\n  /// DEBUG: adonToolBar.js;\n  margin-top: 0 !important;\n  opacity: 1;\n  transition: visibility $transition linear 0s, all $transition;\n  visibility: visible;\n}\n\n.adonToolSlave.slavehidden {\n  /// DEBUG: adonToolBar.js;\n  // display: none !important;\n  @include fixed_height(0);\n  opacity: 0;\n  overflow: hidden;\n  padding: 0 !important;\n  // font-size: 0.5px;\n  line-height: 0;\n  transition: visibility 0s linear $transition, all 0s;\n  transition-timing-function: ease;\n  visibility: hidden;\n}\n\n#{$heaven} {\n  &.adonToolBar {\n    /// DEBUG: adonToolBar.js;\n    text-align: right !important;\n    @include tight_and_cosy {\n      float: right !important;\n      text-align: center !important;\n    }\n  }\n}\n","/// /// //\n/// Fix a tag height.\n//\n/// @param {UNIT} $sz fixed height\n//\n/// @example\n/// body > .adonToolBar {\n///   @include fixedheight_god(123px);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    height: 123px !important;\n/// ///    min-height: 123px !important;\n/// ///    max-height: 123px !important;\n/// /// }\n/// //\n@mixin fixed_height($sz) {\n  height: $sz !important;\n  max-height: $sz !important;\n  min-height: $sz !important;\n}\n","/// /// //\n/// Fix a tag width.\n//\n/// @param {UNIT} $sz fixed width\n//\n/// @example\n/// body > .adonToolBar {\n///   @include fixedwidth_god(123px);\n/// }\n//\n/// /// body > h1,\n/// /// body > h2,\n/// /// body > p, {\n/// ///    width: 123px !important;\n/// ///    min-width: 123px !important;\n/// ///    max-width: 123px !important;\n/// /// }\n/// //\n@mixin fixed_width($sz) {\n  width: $sz !important;\n  max-width: $sz !important;\n  min-width: $sz !important;\n}\n",".adonHideOnScrollDown {\n  @include tight_and_cosy {\n    transition: all $transition;\n    transition-timing-function: ease-in;\n    -webkit-transition: all $transition;\n    -webkit-transition-timing-function: ease-in;\n    // transition-delay: 0.1;\n    // transition-duration: $transition;\n    // transition-property: all;\n    // -webkit-transition-delay: 0.1;\n    // -webkit-transition-duration: $transition;\n    // -webkit-transition-property: all;\n    &.adonHide {\n      // position: absolute;\n      // position: -webkit-absolute;\n      top: -500px;\n    }\n  }\n}\n",".adonNavScrollLink {\n  /// DEBUG: Twinned with /js/adon/adonNavScrollTo.js\n  cursor: pointer !important;\n}\n\n.adonNavScrollLink.adonnavactive {\n  /// DEBUG: Twinned with /js/adon/adonNavScrollTo.js\n  background-color: $pillar-color !important;\n  color: white;\n}\n","@import \"../node_modules/@elioway/eve/stylesheets/mixins\";\n@import \"./adons\";\n\nbody {\n  @include fontize_god($god-body);\n  background-color: $pillar-color;\n}\n\n#{$container} {\n  @import \"pillar\";\n  @import \"heaven\";\n  @import \"hell\";\n  @import \"h1/pillar\";\n  @import \"adon/adonHelloWorld\";\n  @import \"adon/adonMadStuff\";\n}\n\na {\n  @include colorize_link(DarkCyan);\n}\n\n.fas:hover {\n  filter: brightness(50%); // meh. light up FontAwesone icons\n}\n","/// /// //\n/// Master style for heading spreads\n//\n/// @param {UNIT} $ff Font family\n/// @param {UNIT} $fw Font weight\n/// @param {UNIT} $fc Font color\n/// @param {UNIT} $fz Font size\n//\n/// @example\n/// h1, h2, h3, h4, h5, h6 {\n///   @include fontize_god(\"Arial\", 800, blue);\n/// }\n//\n/// /// h1, h2, h3, h4, h5, h6 {\n/// ///   color: blue;\n/// ///   font-family: \"Arial\";\n/// ///   font-weight: 800;\n/// /// }\n@mixin fontize_god($ff: \"none\", $fw: \"none\", $fc: \"none\", $fz: \"none\") {\n  @if not no_means_no($fc) {\n    color: $fc;\n  }\n  @if not no_means_no($ff) {\n    font-family: $ff;\n  }\n  @if not no_means_no($fz) {\n    font-size: $fz;\n  }\n  @if not no_means_no($fw) {\n    font-weight: $fw;\n  }\n}\n","// LAYOUT ==================\n$god-space: 1%; // the horizontal padding in all the prongs.\n$heaven-width: 20%; // prong width right (as a percentage to help scaling).\n$hell-width: 20%; // prong width left (as a percentage to help scaling).\n$personal-space: 1%; // the vertical padding between believers.\n$transition: 1.2s;\n// MEDIA BREAKS ==================\n$god-loose: 1200px; // loose - prongs divided - no overlap.\n$god-cosy: 900px; // cosy - overlap between sinners and the pillar.\n$god-tight: 600px; // tight - believers full width - piller width small margin.\n$heaven-cosy: 20%; // cosy - allow the heaven width to grow by by this amount.\n$hell-cosy: 20%; // cosy - allow the hell width to grow by by this amount.\n$pillar-cosy: 100%; // cosy - allow the pillar width to grow by by this amount.\n// COLORS ==================\n$heaven-color: LimeGreen; // light bg: mainly for bg with $pillar-color text.\n$pillar-color: #0b0501; // dark text: mainly for heading text on white bg.\n$hell-color: OrangeRed; // dark bg: mainly for bg with white text.\n$god-color: black;\n$god-blushed: lighten($hell-color, 25);\n// TEXT ==================\n$god-h1: 350%; // font size of h1.\n$god-h6: 100%; // font size of h6.\n$god-p: 100%; // font size of paragraph text.\n$god-spoke: $god-p * 1.1; // standout with big text.\n$god-head: sans-serif; // for heading level text.\n$god-body: \"Bitter\", sans-serif; // for body level text.\n// BASICS ==================\n$god-border: 1px $god-blushed solid; // general purpose border\n$inline-padding: 3px;\n$toothpaste-color: \"none\";\n// BELIEVERS ==================\n$container: (body); // sin classes only affect direct children of these\n$pillar: (\n  h1,\n  p,\n  menu\n); // pillar - all tags are stictly contained the same way - no believers here.\n$heaven: (blockquote); // hangs right - gets the best views.\n$hell: (aside); // hangs left.\n","// THis has the effect of reversing the usual preference for a white pillar bg\n#{$pillar} {\n  @include colorize_god($pillar-color, $heaven-color);\n}\n","#{$heaven} {\n  @include colorize_god($heaven-color, $hell-color);\n}\n","#{$hell} {\n  @include colorize_god($hell-color, $heaven-color);\n}\n","@use \"sass:math\";\n\nh1 {\n  padding-top: $god-space !important;\n  text-align: center;\n  height: 445px;\n  max-height: 445px;\n  min-height: 445px;\n  $adj: 4;\n  @include tight {\n    height: math.div($god-cosy, $adj);\n    max-height: math.div($god-cosy, $adj);\n    min-height: math.div($god-cosy, $adj);\n  }\n  $adj: 3;\n  @include cosy {\n    height: math.div($god-cosy, $adj);\n    max-height: math.div($god-cosy, $adj);\n    min-height: math.div($god-cosy, $adj);\n  }\n  $adj: 2;\n  @include loose {\n    height: math.div($god-cosy, $adj);\n    max-height: math.div($god-cosy, $adj);\n    min-height: math.div($god-cosy, $adj);\n  }\n}\n",".adonHelloWorld {\n  /// DEBUG: adonHelloWorld.js;\n  @include colorize_god(white, $heaven-color);\n}\n",".adonMadStuff {\n  /// DEBUG: adonMadStuff.js;\n  // animation-name: fade-in;\n  // animation-duration: 1s;\n  // animation-iteration-count: 1;\n  // animation-fill-mode: backwards;\n  // animation-timing-function: ease-out;\n  -webkit-transition: all 3000ms ease-out;\n  -moz-transition: all 3000ms ease-out;\n  -o-transition: all 3000ms ease-out;\n  transition: all 3000ms ease-out;\n  background-size: cover;\n  background-image: url(\"https://elioway.gitlab.io/eliosin/icon/heaven/artwork/splash.jpg\");\n  opacity: 1;\n}\n\n.adonMadStuff.madactive {\n  -webkit-transition: all 3000ms ease-out;\n  -moz-transition: all 3000ms ease-out;\n  -o-transition: all 3000ms ease-out;\n  transition: all 3000ms ease-out;\n  background-image: url(\"https://elioway.gitlab.io/eliosin/icon/hell/artwork/splash.jpg\");\n  opacity: 1;\n}\n\n.adonMadStuffCol {\n  -webkit-transition: all 3000ms ease-out;\n  -moz-transition: all 3000ms ease-out;\n  -o-transition: all 3000ms ease-out;\n  transition: all 3000ms ease-out;\n  color: $heaven-color !important;\n}\n\n.adonMadStuffCol.madactive {\n  -webkit-transition: all 3000ms ease-out;\n  -moz-transition: all 3000ms ease-out;\n  -o-transition: all 3000ms ease-out;\n  transition: all 3000ms ease-out;\n  color: $hell-color !important;\n}\n","/// /// //\n/// Utility to create link colors from one primary color.\n//\n/// @param {STR} $c color\n//\n/// @example\n/// body > $pillar {\n///   @include colorize_link(red);\n/// }\n//\n/// /// body > h1 a,\n/// /// body > h2 a,\n/// /// body > p a, {\n/// /// ///    color: #990000;\n/// /// ///    &:visited {\n/// /// ///      color: #990000;\n/// /// ///    }\n/// /// //\n/// /// ///    &:hover {\n/// /// ///      color: red;\n/// /// ///    }\n/// /// //\n/// /// ///    &:active {\n/// /// ///     color: cyan;\n/// /// ///    }\n/// /// }\n/// //\n@mixin colorize_link($c) {\n  color: $c;\n\n  &:visited {\n    color: darken(adjust-hue($c, 60deg), 25);\n  }\n\n  &:hover {\n    @if (lightness($c) > 50) {\n      color: darken($c, 20%);\n    } @else {\n      color: lighten($c, 20%);\n    }\n  }\n\n  &:active {\n    color: adjust-hue($c, -240deg);\n  }\n}\n"]}