diff --git a/assets/sass/base/_page.scss b/assets/sass/base/_page.scss deleted file mode 100644 index 7db91ee..0000000 --- a/assets/sass/base/_page.scss +++ /dev/null @@ -1,55 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Basic */ - - // MSIE: Required for IEMobile. - @-ms-viewport { - width: device-width; - } - - // MSIE: Prevents scrollbar from overlapping content. - body { - -ms-overflow-style: scrollbar; - } - - // Ensures page width is always >=320px. - @include breakpoint('<=xsmall') { - html, body { - min-width: 320px; - } - } - - // Set box model to border-box. - // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice - html { - box-sizing: border-box; - } - - *, *:before, *:after { - box-sizing: inherit; - } - - body { - background: _palette(bg); - - // Stops initial animations until page loads. - &.is-preload { - *, *:before, *:after { - @include vendor('animation', 'none !important'); - @include vendor('transition', 'none !important'); - } - } - - // Prevents animations while resizing. - &.is-resizing { - *, *:before, *:after { - @include vendor('animation', 'none !important'); - @include vendor('transition', 'none !important'); - } - } - - } \ No newline at end of file diff --git a/assets/sass/base/_reset.scss b/assets/sass/base/_reset.scss deleted file mode 100644 index 3dc1830..0000000 --- a/assets/sass/base/_reset.scss +++ /dev/null @@ -1,76 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -// Reset. -// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain) - - html, body, div, span, applet, object, - iframe, h1, h2, h3, h4, h5, h6, p, blockquote, - pre, a, abbr, acronym, address, big, cite, - code, del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, b, - u, i, center, dl, dt, dd, ol, ul, li, fieldset, - form, label, legend, table, caption, tbody, - tfoot, thead, tr, th, td, article, aside, - canvas, details, embed, figure, figcaption, - footer, header, hgroup, menu, nav, output, ruby, - section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } - - article, aside, details, figcaption, figure, - footer, header, hgroup, menu, nav, section { - display: block; - } - - body { - line-height: 1; - } - - ol, ul { - list-style:none; - } - - blockquote, q { - quotes: none; - - &:before, - &:after { - content: ''; - content: none; - } - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - body { - -webkit-text-size-adjust: none; - } - - mark { - background-color: transparent; - color: inherit; - } - - input::-moz-focus-inner { - border: 0; - padding: 0; - } - - input, select, textarea { - -moz-appearance: none; - -webkit-appearance: none; - -ms-appearance: none; - appearance: none; - } \ No newline at end of file diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss deleted file mode 100644 index a534c8b..0000000 --- a/assets/sass/base/_typography.scss +++ /dev/null @@ -1,172 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Type */ - - body, input, select, textarea { - color: _palette(fg); - font-family: _font(family); - font-size: 15pt; - font-weight: _font(weight); - letter-spacing: _font(kerning); - line-height: 1.65; - - @include breakpoint('<=xlarge') { - font-size: 11pt; - } - } - - a { - @include vendor('transition', ( - 'color #{_duration(transition)} ease-in-out', - 'border-bottom-color #{_duration(transition)} ease-in-out' - )); - border-bottom: dotted 1px; - color: _palette(accent1); - text-decoration: none; - - &:hover { - border-bottom-color: transparent; - color: _palette(accent1) !important; - } - } - - strong, b { - color: _palette(fg-bold); - font-weight: _font(weight-bold); - } - - em, i { - font-style: italic; - } - - p { - margin: 0 0 _size(element-margin) 0; - } - - h1, h2, h3, h4, h5, h6 { - color: _palette(fg-bold); - font-weight: _font(weight-bold); - letter-spacing: _font(kerning-alt); - line-height: 1.5; - margin: 0 0 (_size(element-margin) * 0.5) 0; - text-transform: uppercase; - - a { - color: inherit; - text-decoration: none; - } - } - - h1 { - font-size: 2em; - } - - h2 { - font-size: 1.25em; - } - - h3 { - font-size: 1.1em; - } - - h4 { - font-size: 1em; - } - - h5 { - font-size: 0.9em; - } - - h6 { - font-size: 0.7em; - } - - @include breakpoint('<=small') { - h2 { - font-size: 1em; - } - - h3 { - font-size: 0.9em; - } - - h4 { - font-size: 0.8em; - } - - h5 { - font-size: 0.7em; - } - - h6 { - font-size: 0.7em; - } - } - - sub { - font-size: 0.8em; - position: relative; - top: 0.5em; - } - - sup { - font-size: 0.8em; - position: relative; - top: -0.5em; - } - - blockquote { - border-left: 4px _palette(border); - font-style: italic; - margin: 0 0 _size(element-margin) 0; - padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin); - } - - code { - background: _palette(border-bg); - border: solid 1px _palette(border); - font-family: _font(family-fixed); - font-size: 0.9em; - margin: 0 0.25em; - padding: 0.25em 0.65em; - } - - pre { - -webkit-overflow-scrolling: touch; - font-family: _font(family-fixed); - font-size: 0.9em; - margin: 0 0 _size(element-margin) 0; - - code { - display: block; - line-height: 1.75; - padding: 1em 1.5em; - overflow-x: auto; - } - } - - hr { - border: 0; - border-bottom: solid 1px _palette(border); - margin: _size(element-margin) 0; - - &.major { - margin: (_size(element-margin) * 1.5) 0; - } - } - - .align-left { - text-align: left; - } - - .align-center { - text-align: center; - } - - .align-right { - text-align: right; - } \ No newline at end of file diff --git a/assets/sass/components/_actions.scss b/assets/sass/components/_actions.scss deleted file mode 100644 index bc25384..0000000 --- a/assets/sass/components/_actions.scss +++ /dev/null @@ -1,101 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Actions */ - - ul.actions { - @include vendor('display', 'flex'); - cursor: default; - list-style: none; - margin-left: (_size(element-margin) * -0.5); - padding-left: 0; - - li { - padding: 0 0 0 (_size(element-margin) * 0.5); - vertical-align: middle; - } - - &.special { - @include vendor('justify-content', 'center'); - width: 100%; - margin-left: 0; - - li { - &:first-child { - padding-left: 0; - } - } - } - - &.stacked { - @include vendor('flex-direction', 'column'); - margin-left: 0; - - li { - padding: (_size(element-margin) * 0.65) 0 0 0; - - &:first-child { - padding-top: 0; - } - } - } - - &.fit { - width: calc(100% + #{_size(element-margin) * 0.5}); - - li { - @include vendor('flex-grow', '1'); - @include vendor('flex-shrink', '1'); - width: 100%; - - > * { - width: 100%; - } - } - - &.stacked { - width: 100%; - } - } - - @include breakpoint('<=xsmall') { - &:not(.fixed) { - @include vendor('flex-direction', 'column'); - margin-left: 0; - width: 100% !important; - - li { - @include vendor('flex-grow', '1'); - @include vendor('flex-shrink', '1'); - padding: (_size(element-margin) * 0.5) 0 0 0; - text-align: center; - width: 100%; - - > * { - width: 100%; - } - - &:first-child { - padding-top: 0; - } - - input[type="submit"], - input[type="reset"], - input[type="button"], - button, - .button { - width: 100%; - - &.icon { - &:before { - margin-left: -0.5rem; - } - } - } - } - } - } - } \ No newline at end of file diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss deleted file mode 100644 index 2cfbf7e..0000000 --- a/assets/sass/components/_button.scss +++ /dev/null @@ -1,87 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - button, - .button { - @include vendor('appearance', 'none'); - @include vendor('transition', ( - 'background-color #{_duration(transition)} ease-in-out', - 'box-shadow #{_duration(transition)} ease-in-out', - 'color #{_duration(transition)} ease-in-out' - )); - background-color: transparent; - border: 0; - border-radius: 0; - box-shadow: inset 0 0 0 2px _palette(border); - color: _palette(fg-bold) !important; - cursor: pointer; - display: inline-block; - font-size: 0.9em; - font-weight: _font(weight-bold); - height: _size(element-height) * (1 / 0.9); - letter-spacing: _font(kerning-alt); - line-height: _size(element-height) * (1 / 0.9); - padding: 0 2.5em; - text-align: center; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; - - &:hover { - box-shadow: inset 0 0 0 2px _palette(accent1); - color: _palette(accent1) !important; - - &:active { - background-color: transparentize(_palette(accent1), 0.85); - color: _palette(accent1) !important; - } - } - - &.icon { - padding-left: 1.35em; - - &:before { - margin-right: 0.5em; - } - } - - &.fit { - width: 100%; - } - - &.small { - font-size: 0.8em; - } - - &.large { - font-size: 1.35em; - } - - &.primary { - background-color: _palette(accent1); - box-shadow: none; - - &:hover { - background-color: lighten(_palette(accent1), 10); - color: _palette(fg-bold) !important; - - &:active { - background-color: darken(_palette(accent1), 10); - } - } - } - - &.disabled, - &:disabled { - @include vendor('pointer-events', 'none'); - opacity: 0.35; - } - } \ No newline at end of file diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss deleted file mode 100644 index d98d235..0000000 --- a/assets/sass/components/_form.scss +++ /dev/null @@ -1,231 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Form */ - - form { - margin: 0 0 _size(element-margin) 0; - - > :last-child { - margin-bottom: 0; - } - - > .fields { - $gutter: (_size(element-margin) * 0.75); - - @include vendor('display', 'flex'); - @include vendor('flex-wrap', 'wrap'); - width: calc(100% + #{$gutter * 2}); - margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1); - - > .field { - @include vendor('flex-grow', '0'); - @include vendor('flex-shrink', '0'); - padding: $gutter 0 0 $gutter; - width: calc(100% - #{$gutter * 1}); - - &.half { - width: calc(50% - #{$gutter * 0.5}); - } - - &.third { - width: calc(#{100% / 3} - #{$gutter * (1 / 3)}); - } - - &.quarter { - width: calc(25% - #{$gutter * 0.25}); - } - } - } - - @include breakpoint('<=small') { - > .fields { - $gutter: (_size(element-margin) * 0.75); - - width: calc(100% + #{$gutter * 2}); - margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1); - - > .field { - padding: $gutter 0 0 $gutter; - width: calc(100% - #{$gutter * 1}); - - &.half { - width: calc(100% - #{$gutter * 1}); - } - - &.third { - width: calc(100% - #{$gutter * 1}); - } - - &.quarter { - width: calc(100% - #{$gutter * 1}); - } - } - } - } - } - - label { - color: _palette(fg-bold); - display: block; - font-size: 0.9em; - font-weight: _font(weight-bold); - margin: 0 0 (_size(element-margin) * 0.5) 0; - } - - input[type="text"], - input[type="password"], - input[type="email"], - input[type="tel"], - input[type="search"], - input[type="url"], - select, - textarea { - @include vendor('appearance', 'none'); - background: _palette(border-bg); - border: 0; - border-radius: 0; - color: _palette(fg); - display: block; - outline: 0; - padding: 0 1em; - text-decoration: none; - width: 100%; - - &:invalid { - box-shadow: none; - } - - &:focus { - box-shadow: inset 0 0 0 2px _palette(accent1); - } - } - - select { - background-image: svg-url(""); - background-size: 1.25rem; - background-repeat: no-repeat; - background-position: calc(100% - 1rem) center; - height: _size(element-height); - padding-right: _size(element-height); - text-overflow: ellipsis; - - option { - color: _palette(fg-bold); - background: _palette(bg); - } - - &:focus { - &::-ms-value { - background-color: transparent; - } - } - - &::-ms-expand { - display: none; - } - } - - input[type="text"], - input[type="password"], - input[type="email"], - input[type="tel"], - input[type="search"], - input[type="url"], - select { - height: _size(element-height); - } - - textarea { - padding: 0.75em 1em; - } - - input[type="checkbox"], - input[type="radio"], { - @include vendor('appearance', 'none'); - display: block; - float: left; - margin-right: -2em; - opacity: 0; - width: 1em; - z-index: -1; - - & + label { - @include icon(false, solid); - color: _palette(fg); - cursor: pointer; - display: inline-block; - font-size: 1em; - font-weight: _font(weight); - padding-left: (_size(element-height) * 0.6) + 0.75em; - padding-right: 0.75em; - position: relative; - - &:before { - background: _palette(border-bg); - content: ''; - display: inline-block; - font-size: 0.8em; - height: (_size(element-height) * 0.75); - left: 0; - line-height: (_size(element-height) * 0.75); - position: absolute; - text-align: center; - top: 0; - width: (_size(element-height) * 0.75); - } - } - - &:checked + label { - &:before { - background: _palette(accent1); - border-color: _palette(accent1); - color: _palette(fg-bold); - content: '\f00c'; - } - } - - &:focus + label { - &:before { - box-shadow: 0 0 0 2px _palette(accent1); - } - } - } - - input[type="checkbox"] { - & + label { - &:before { - } - } - } - - input[type="radio"] { - & + label { - &:before { - border-radius: 100%; - } - } - } - - ::-webkit-input-placeholder { - color: _palette(fg-medium) !important; - opacity: 1.0; - } - - :-moz-placeholder { - color: _palette(fg-medium) !important; - opacity: 1.0; - } - - ::-moz-placeholder { - color: _palette(fg-medium) !important; - opacity: 1.0; - } - - :-ms-input-placeholder { - color: _palette(fg-medium) !important; - opacity: 1.0; - } \ No newline at end of file diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss deleted file mode 100644 index a37b65b..0000000 --- a/assets/sass/components/_icon.scss +++ /dev/null @@ -1,33 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Icon */ - - .icon { - @include icon; - border-bottom: none; - position: relative; - - > .label { - display: none; - } - - &:before { - line-height: inherit; - } - - &.solid { - &:before { - font-weight: 900; - } - } - - &.brands { - &:before { - font-family: 'Font Awesome 5 Brands'; - } - } - } \ No newline at end of file diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss deleted file mode 100644 index 2ace527..0000000 --- a/assets/sass/components/_icons.scss +++ /dev/null @@ -1,30 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Icons */ - - ul.icons { - cursor: default; - list-style: none; - padding-left: 0; - - li { - display: inline-block; - padding: 0 1em 0 0; - - &:last-child { - padding-right: 0; - } - - .icon { - color: _palette(fg-light); - - &:before { - font-size: 1.5em; - } - } - } - } \ No newline at end of file diff --git a/assets/sass/components/_list.scss b/assets/sass/components/_list.scss deleted file mode 100644 index adb7271..0000000 --- a/assets/sass/components/_list.scss +++ /dev/null @@ -1,56 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* List */ - - ol { - list-style: decimal; - margin: 0 0 _size(element-margin) 0; - padding-left: 1.25em; - - li { - padding-left: 0.25em; - } - } - - ul { - list-style: disc; - margin: 0 0 _size(element-margin) 0; - padding-left: 1em; - - li { - padding-left: 0.5em; - } - - &.alt { - list-style: none; - padding-left: 0; - - li { - border-top: solid 1px _palette(border); - padding: 0.5em 0; - - &:first-child { - border-top: 0; - padding-top: 0; - } - } - } - } - - dl { - margin: 0 0 _size(element-margin) 0; - - dt { - display: block; - font-weight: _font(weight-bold); - margin: 0 0 (_size(element-margin) * 0.5) 0; - } - - dd { - margin-left: _size(element-margin); - } - } \ No newline at end of file diff --git a/assets/sass/components/_panel.scss b/assets/sass/components/_panel.scss deleted file mode 100644 index 573a067..0000000 --- a/assets/sass/components/_panel.scss +++ /dev/null @@ -1,106 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Panel */ - - .panel { - @include padding(4em, 4em); - @include vendor('transform', 'translateY(100vh)'); - @include vendor('transition', 'transform #{_duration(panel)} ease'); - -webkit-overflow-scrolling: touch; - background: transparentize(_palette(bg), 0.025); - bottom: _size(header); - left: 0; - max-height: calc(80vh - #{_size(header)}); - overflow-y: auto; - position: fixed; - width: 100%; - z-index: _misc(z-index-base) + 1; - - &.active { - @include vendor('transform', 'translateY(1px)'); - } - - > .inner { - margin: 0 auto; - max-width: 100%; - width: 75em; - - &.split { - @include vendor('display', 'flex'); - - > div { - margin-left: 4em; - width: 50%; - } - - > :first-child { - margin-left: 0; - } - } - } - - > .closer { - @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out'); - background-image: url('images/close.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: 3em; - cursor: pointer; - height: 5em; - opacity: 0.25; - position: absolute; - right: 0; - top: 0; - width: 5em; - z-index: 2; - - &:hover { - opacity: 1.0; - } - } - - @include breakpoint('<=large') { - @include padding(3em, 3em); - - > .inner { - &.split { - > div { - margin-left: 3em; - } - } - } - - > .closer { - background-size: 2.5em; - background-position: 75% 25%; - } - } - - @include breakpoint('<=medium') { - > .inner { - &.split { - @include vendor('flex-direction', 'column'); - - > div { - margin-left: 0; - width: 100%; - } - } - } - } - - @include breakpoint('<=small') { - @include vendor('transform', 'translateY(-100vh)'); - @include padding(4em, 2em); - bottom: auto; - top: calc(#{_size(header)} - 1px); - - &.active { - @include vendor('transform', 'translateY(0)'); - } - } - } \ No newline at end of file diff --git a/assets/sass/components/_poptrox-popup.scss b/assets/sass/components/_poptrox-popup.scss deleted file mode 100644 index 2ef8684..0000000 --- a/assets/sass/components/_poptrox-popup.scss +++ /dev/null @@ -1,167 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Poptrox Popup */ - - .poptrox-overlay { - -webkit-tap-highlight-color: rgba(255,255,255,0); - } - - .poptrox-popup { - background: transparentize(_palette(bg-alt), 0.075); - box-shadow: 0 1em 3em 0.5em rgba(0,0,0,0.25); - cursor: default; - - &:before { - @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out'); - @include vendor('background-image', ( - 'linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0))', - 'linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0))' - )); - content: ''; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 1; - opacity: 1; - } - - .closer { - @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out'); - background-image: url('images/close.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: 3em; - height: 5em; - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 5em; - z-index: 2; - } - - .nav-previous, - .nav-next { - @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out'); - background-image: url('images/arrow.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: 5em; - cursor: pointer; - height: 8em; - margin-top: -4em; - opacity: 0; - position: absolute; - top: 50%; - width: 6em; - z-index: 2; - } - - .nav-previous { - @include vendor('transform', 'scaleX(-1)'); - left: 0; - } - - .nav-next { - right: 0; - } - - .caption { - @include padding(2em, 2em); - @include vendor('background-image', 'linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%)'); - bottom: 0; - cursor: default; - left: 0; - position: absolute; - text-align: left; - width: 100%; - z-index: 2; - - h2, h3, h4, h5, h6 { - margin: 0 0 (_size(element-margin) * 0.25) 0; - } - - p { - color: _palette(fg-bold); - } - } - - .loader { - @include vendor('animation', 'spinner 1s infinite linear !important'); - background-image: url('images/spinner.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - display: block; - font-size: 2em; - height: 2em; - left: 50%; - line-height: 2em; - margin: -1em 0 0 -1em; - opacity: 0.25; - position: absolute; - text-align: center; - top: 50%; - width: 2em; - } - - &:hover { - .closer, - .nav-previous, - .nav-next { - opacity: 0.5; - - &:hover { - opacity: 1.0; - } - } - } - - &.loading { - &:before { - opacity: 0; - } - } - - body.touch & { - .closer, - .nav-previous, - .nav-next { - opacity: 1.0 !important; - } - } - - @include breakpoint('<=medium') { - .closer { - background-size: 3em; - } - - .nav-previous, - .nav-next { - background-size: 4em; - } - } - - @include breakpoint('<=small') { - &:before { - display: none; - } - - .caption { - display: none !important; - } - - .closer, - .nav-previous, - .nav-next { - display: none !important; - } - } - } \ No newline at end of file diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss deleted file mode 100644 index ac1e8ae..0000000 --- a/assets/sass/components/_table.scss +++ /dev/null @@ -1,81 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Table */ - - .table-wrapper { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - } - - table { - margin: 0 0 _size(element-margin) 0; - width: 100%; - - tbody { - tr { - border: solid 1px _palette(border); - border-left: 0; - border-right: 0; - - &:nth-child(2n + 1) { - background-color: _palette(border-bg); - } - } - } - - td { - padding: 0.75em 0.75em; - } - - th { - color: _palette(fg-bold); - font-size: 0.9em; - font-weight: _font(weight-bold); - padding: 0 0.75em 0.75em 0.75em; - text-align: left; - } - - thead { - border-bottom: solid 2px _palette(border); - } - - tfoot { - border-top: solid 2px _palette(border); - } - - &.alt { - border-collapse: separate; - - tbody { - tr { - td { - border: solid 1px _palette(border); - border-left-width: 0; - border-top-width: 0; - - &:first-child { - border-left-width: 1px; - } - } - - &:first-child { - td { - border-top-width: 1px; - } - } - } - } - - thead { - border-bottom: 0; - } - - tfoot { - border-top: 0; - } - } - } \ No newline at end of file diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss deleted file mode 100644 index a3e6328..0000000 --- a/assets/sass/layout/_footer.scss +++ /dev/null @@ -1,18 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Footer */ - - #footer { - .copyright { - color: _palette(fg-light); - font-size: 0.9em; - - a { - color: inherit; - } - } - } \ No newline at end of file diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss deleted file mode 100644 index 0a1ccd7..0000000 --- a/assets/sass/layout/_header.scss +++ /dev/null @@ -1,127 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Header */ - - body { - padding: 0 0 _size(header) 0; - } - - #header { - @include vendor('transform', 'translateY(0)'); - @include vendor('transition', 'transform #{_duration(header)} ease'); - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - background: _palette(bg-alt); - bottom: -1em; - height: _size(header) + 1em; - left: 0; - line-height: _size(header); - padding: 0 1.5em; - position: fixed; - user-select: none; - width: 100%; - z-index: _misc(z-index-base) + 2; - - body.is-preload & { - @include vendor('transform', 'translateY(#{_size(header)})'); - } - - h1 { - color: _palette(fg); - display: inline-block; - font-size: 1em; - line-height: 1; - margin: 0; - vertical-align: middle; - - a { - border: 0; - color: inherit; - - &:hover { - color: inherit !important; - } - } - } - - nav { - position: absolute; - right: 0; - top: 0; - - > ul { - list-style: none; - margin: 0; - padding: 0; - - > li { - display: inline-block; - padding: 0; - - a { - @include vendor('transition', 'background-color #{_duration(panel)} ease'); - border: 0; - color: _palette(fg-bold); - display: inline-block; - letter-spacing: _font(kerning-alt); - padding: 0 1.65em; - text-transform: uppercase; - - &.icon { - &:before { - color: _palette(fg-light); - float: right; - margin-left: 0.75em; - } - } - - &:hover { - color: _palette(fg-bold) !important; - } - - &.active { - background-color: _palette(bg); - } - } - } - } - } - } - - @include breakpoint('<=small') { - body { - padding: _size(header) 0 0 0; - } - - #header { - @include vendor('transform', 'translateY(0)'); - bottom: auto; - height: _size(header); - padding: 0 1em; - top: 0; - - body.is-preload & { - @include vendor('transform', 'translateY(#{_size(header) * -0.85})'); - } - - h1 { - font-size: 0.9em; - } - - nav { - > ul { - > li { - a { - font-size: 0.9em; - padding: 0 1.15em; - } - } - } - } - } - } \ No newline at end of file diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss deleted file mode 100644 index 0a60024..0000000 --- a/assets/sass/layout/_main.scss +++ /dev/null @@ -1,177 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Main */ - - #main { - @include vendor('transition', ( - '-moz-filter #{_duration(panel)} ease', - '-webkit-filter #{_duration(panel)} ease', - '-ms-filter #{_duration(panel)} ease', - 'filter #{_duration(panel)} ease' - )); - @include vendor('display', 'flex'); - @include vendor('flex-wrap', 'wrap'); - -webkit-tap-highlight-color: rgba(255,255,255,0); - - .thumb { - @include vendor('transition', ( - 'opacity 1.25s ease-in-out' - )); - @include vendor('pointer-events', 'auto'); - -webkit-tap-highlight-color: rgba(255,255,255,0); - opacity: 1; - overflow: hidden; - position: relative; - - &:after { - @include vendor('background-image', 'linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%)'); - @include vendor('pointer-events', 'none'); - background-size: cover; - content: ''; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - - > .image { - -webkit-tap-highlight-color: rgba(255,255,255,0); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - - > h2 { - @include vendor('pointer-events', 'none'); - bottom: (1.5em / 0.8); - font-size: 0.8em; - left: (1.75em / 0.8); - margin: 0; - position: absolute; - z-index: 1; - } - - > p { - display: none; - } - } - - &:after { - @include vendor('pointer-events', 'none'); - @include vendor('transition', ( - 'opacity #{_duration(panel)} ease', - 'visibility #{_duration(panel)}', - )); - background: _palette(bg-overlay); - content: ''; - display: block; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - visibility: hidden; - width: 100%; - z-index: 1; - - body.ie & { - background: _palette(bg-ie-overlay); - } - } - - body.content-active & { - @include vendor('filter', 'blur(6px)'); - - &:after { - @include vendor('pointer-events', 'auto'); - opacity: 1; - visibility: visible; - } - } - - body.is-preload & { - .thumb { - @include vendor('pointer-events', 'none'); - opacity: 0; - } - } - - @mixin thumb($rows, $columns, $pad, $minHeight) { - $baseDelay: _duration(header) - 0.5; - $defaultDelay: $baseDelay + (((($rows * $columns) + 1) * 1.5) * _duration(thumb)); - - .thumb { - @include vendor('transition-delay', '#{$defaultDelay}'); - height: calc(#{100vh / ($rows + $pad)} - #{_size(header) / $rows}); - min-height: $minHeight; - width: (100% / $columns); - - @for $i from 1 through (($rows * $columns) * 1.5) { - &:nth-child(#{$i}) { - @include vendor('transition-delay', '#{$baseDelay + ($i * _duration(thumb))}'); - } - } - } - } - - // Default. - @include thumb( - _misc(main-layout, default, rows), - _misc(main-layout, default, columns), - _misc(main-layout, default, pad), - _misc(main-layout, default, minHeight) - ); - - // XLarge. - @include breakpoint('<=xlarge') { - @include thumb( - _misc(main-layout, xlarge, rows), - _misc(main-layout, xlarge, columns), - _misc(main-layout, xlarge, pad), - _misc(main-layout, xlarge, minHeight) - ); - } - - // Large. - @include breakpoint('<=large') { - @include thumb( - _misc(main-layout, large, rows), - _misc(main-layout, large, columns), - _misc(main-layout, large, pad), - _misc(main-layout, large, minHeight) - ); - } - - // Medium. - @include breakpoint('<=medium') { - @include thumb( - _misc(main-layout, medium, rows), - _misc(main-layout, medium, columns), - _misc(main-layout, medium, pad), - _misc(main-layout, medium, minHeight) - ); - } - - // XSmall. - @include breakpoint('<=xsmall') { - @include thumb( - _misc(main-layout, xsmall, rows), - _misc(main-layout, xsmall, columns), - _misc(main-layout, xsmall, pad), - _misc(main-layout, xsmall, minHeight) - ); - } - - } \ No newline at end of file diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss deleted file mode 100644 index 53b6738..0000000 --- a/assets/sass/layout/_wrapper.scss +++ /dev/null @@ -1,88 +0,0 @@ -/// -/// Multiverse by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Wrapper */ - - #wrapper { - @include vendor('transition', ( - '-moz-filter #{_duration(panel)} ease', - '-webkit-filter #{_duration(panel)} ease', - '-ms-filter #{_duration(panel)} ease', - 'filter #{_duration(panel)} ease' - )); - position: relative; - - &:after { - @include vendor('pointer-events', 'none'); - @include vendor('transition', ( - 'opacity #{_duration(modal)} ease', - 'visibility #{_duration(modal)}', - )); - background: _palette(bg-overlay-alt); - content: ''; - display: block; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - visibility: hidden; - width: 100%; - z-index: 1; - - body.ie & { - background: _palette(bg-ie-overlay-alt); - } - } - - body.modal-active & { - @include vendor('filter', 'blur(8px)'); - - &:after { - @include vendor('pointer-events', 'auto'); - opacity: 1; - visibility: visible; - z-index: _misc(z-index-base) + 3; - } - } - - &:before { - @include vendor('animation', 'spinner 1s infinite linear !important'); - @include vendor('pointer-events', 'none'); - @include vendor('transition', ( - 'top 0.75s ease-in-out', - 'opacity 0.35s ease-out', - 'visibility 0.35s' - )); - background-image: url('images/spinner.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - content: ''; - display: block; - font-size: 2em; - height: 2em; - left: 50%; - line-height: 2em; - margin: -1em 0 0 -1em; - opacity: 0; - position: fixed; - text-align: center; - top: 75%; - visibility: hidden; - width: 2em; - } - - body.is-preload & { - &:before { - @include vendor('transition', 'opacity 1s ease-out !important'); - @include vendor('transition-delay', '0.5s !important'); - opacity: 0.25; - top: 50%; - visibility: visible; - } - } - } \ No newline at end of file diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss deleted file mode 100644 index c5301d8..0000000 --- a/assets/sass/libs/_breakpoints.scss +++ /dev/null @@ -1,223 +0,0 @@ -// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ - -// Vars. - - /// Breakpoints. - /// @var {list} - $breakpoints: () !global; - -// Mixins. - - /// Sets breakpoints. - /// @param {map} $x Breakpoints. - @mixin breakpoints($x: ()) { - $breakpoints: $x !global; - } - - /// Wraps @content in a @media block targeting a specific orientation. - /// @param {string} $orientation Orientation. - @mixin orientation($orientation) { - @media screen and (orientation: #{$orientation}) { - @content; - } - } - - /// Wraps @content in a @media block using a given query. - /// @param {string} $query Query. - @mixin breakpoint($query: null) { - - $breakpoint: null; - $op: null; - $media: null; - - // Determine operator, breakpoint. - - // Greater than or equal. - @if (str-slice($query, 0, 2) == '>=') { - - $op: 'gte'; - $breakpoint: str-slice($query, 3); - - } - - // Less than or equal. - @elseif (str-slice($query, 0, 2) == '<=') { - - $op: 'lte'; - $breakpoint: str-slice($query, 3); - - } - - // Greater than. - @elseif (str-slice($query, 0, 1) == '>') { - - $op: 'gt'; - $breakpoint: str-slice($query, 2); - - } - - // Less than. - @elseif (str-slice($query, 0, 1) == '<') { - - $op: 'lt'; - $breakpoint: str-slice($query, 2); - - } - - // Not. - @elseif (str-slice($query, 0, 1) == '!') { - - $op: 'not'; - $breakpoint: str-slice($query, 2); - - } - - // Equal. - @else { - - $op: 'eq'; - $breakpoint: $query; - - } - - // Build media. - @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { - - $a: map-get($breakpoints, $breakpoint); - - // Range. - @if (type-of($a) == 'list') { - - $x: nth($a, 1); - $y: nth($a, 2); - - // Max only. - @if ($x == null) { - - // Greater than or equal (>= 0 / anything) - @if ($op == 'gte') { - $media: 'screen'; - } - - // Less than or equal (<= y) - @elseif ($op == 'lte') { - $media: 'screen and (max-width: ' + $y + ')'; - } - - // Greater than (> y) - @elseif ($op == 'gt') { - $media: 'screen and (min-width: ' + ($y + 1) + ')'; - } - - // Less than (< 0 / invalid) - @elseif ($op == 'lt') { - $media: 'screen and (max-width: -1px)'; - } - - // Not (> y) - @elseif ($op == 'not') { - $media: 'screen and (min-width: ' + ($y + 1) + ')'; - } - - // Equal (<= y) - @else { - $media: 'screen and (max-width: ' + $y + ')'; - } - - } - - // Min only. - @else if ($y == null) { - - // Greater than or equal (>= x) - @if ($op == 'gte') { - $media: 'screen and (min-width: ' + $x + ')'; - } - - // Less than or equal (<= inf / anything) - @elseif ($op == 'lte') { - $media: 'screen'; - } - - // Greater than (> inf / invalid) - @elseif ($op == 'gt') { - $media: 'screen and (max-width: -1px)'; - } - - // Less than (< x) - @elseif ($op == 'lt') { - $media: 'screen and (max-width: ' + ($x - 1) + ')'; - } - - // Not (< x) - @elseif ($op == 'not') { - $media: 'screen and (max-width: ' + ($x - 1) + ')'; - } - - // Equal (>= x) - @else { - $media: 'screen and (min-width: ' + $x + ')'; - } - - } - - // Min and max. - @else { - - // Greater than or equal (>= x) - @if ($op == 'gte') { - $media: 'screen and (min-width: ' + $x + ')'; - } - - // Less than or equal (<= y) - @elseif ($op == 'lte') { - $media: 'screen and (max-width: ' + $y + ')'; - } - - // Greater than (> y) - @elseif ($op == 'gt') { - $media: 'screen and (min-width: ' + ($y + 1) + ')'; - } - - // Less than (< x) - @elseif ($op == 'lt') { - $media: 'screen and (max-width: ' + ($x - 1) + ')'; - } - - // Not (< x and > y) - @elseif ($op == 'not') { - $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; - } - - // Equal (>= x and <= y) - @else { - $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; - } - - } - - } - - // String. - @else { - - // Missing a media type? Prefix with "screen". - @if (str-slice($a, 0, 1) == '(') { - $media: 'screen and ' + $a; - } - - // Otherwise, use as-is. - @else { - $media: $a; - } - - } - - } - - // Output. - @media #{$media} { - @content; - } - - } \ No newline at end of file diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss deleted file mode 100644 index b367524..0000000 --- a/assets/sass/libs/_functions.scss +++ /dev/null @@ -1,90 +0,0 @@ -/// Removes a specific item from a list. -/// @author Hugo Giraudel -/// @param {list} $list List. -/// @param {integer} $index Index. -/// @return {list} Updated list. -@function remove-nth($list, $index) { - - $result: null; - - @if type-of($index) != number { - @warn "$index: #{quote($index)} is not a number for `remove-nth`."; - } - @else if $index == 0 { - @warn "List index 0 must be a non-zero integer for `remove-nth`."; - } - @else if abs($index) > length($list) { - @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; - } - @else { - - $result: (); - $index: if($index < 0, length($list) + $index + 1, $index); - - @for $i from 1 through length($list) { - - @if $i != $index { - $result: append($result, nth($list, $i)); - } - - } - - } - - @return $result; - -} - -/// Gets a value from a map. -/// @author Hugo Giraudel -/// @param {map} $map Map. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function val($map, $keys...) { - - @if nth($keys, 1) == null { - $keys: remove-nth($keys, 1); - } - - @each $key in $keys { - $map: map-get($map, $key); - } - - @return $map; - -} - -/// Gets a duration value. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function _duration($keys...) { - @return val($duration, $keys...); -} - -/// Gets a font value. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function _font($keys...) { - @return val($font, $keys...); -} - -/// Gets a misc value. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function _misc($keys...) { - @return val($misc, $keys...); -} - -/// Gets a palette value. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function _palette($keys...) { - @return val($palette, $keys...); -} - -/// Gets a size value. -/// @param {string} $keys Key(s). -/// @return {string} Value. -@function _size($keys...) { - @return val($size, $keys...); -} \ No newline at end of file diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss deleted file mode 100644 index be1249a..0000000 --- a/assets/sass/libs/_mixins.scss +++ /dev/null @@ -1,78 +0,0 @@ -/// Makes an element's :before pseudoelement a FontAwesome icon. -/// @param {string} $content Optional content value to use. -/// @param {string} $category Optional category to use. -/// @param {string} $where Optional pseudoelement to target (before or after). -@mixin icon($content: false, $category: regular, $where: before) { - - text-decoration: none; - - &:#{$where} { - - @if $content { - content: $content; - } - - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; - text-transform: none !important; - - @if ($category == brands) { - font-family: 'ForkAwesome'; - } - @elseif ($category == solid) { - font-family: 'ForkAwesome'; - font-weight: 900; - } - @else { - font-family: 'ForkAwesome'; - font-weight: 400; - } - - } - -} - -/// Applies padding to an element, taking the current element-margin value into account. -/// @param {mixed} $tb Top/bottom padding. -/// @param {mixed} $lr Left/right padding. -/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) -/// @param {bool} $important If true, adds !important. -@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { - - @if $important { - $important: '!important'; - } - - $x: 0.1em; - - @if unit(_size(element-margin)) == 'rem' { - $x: 0.1rem; - } - - padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; - -} - -/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). -/// @param {string} $svg SVG data URL. -/// @return {string} Encoded SVG data URL. -@function svg-url($svg) { - - $svg: str-replace($svg, '"', '\''); - $svg: str-replace($svg, '%', '%25'); - $svg: str-replace($svg, '<', '%3C'); - $svg: str-replace($svg, '>', '%3E'); - $svg: str-replace($svg, '&', '%26'); - $svg: str-replace($svg, '#', '%23'); - $svg: str-replace($svg, '{', '%7B'); - $svg: str-replace($svg, '}', '%7D'); - $svg: str-replace($svg, ';', '%3B'); - - @return url("data:image/svg+xml;charset=utf8,#{$svg}"); - -} \ No newline at end of file diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss deleted file mode 100644 index 86f5a2e..0000000 --- a/assets/sass/libs/_vars.scss +++ /dev/null @@ -1,81 +0,0 @@ -// Misc. - $misc: ( - z-index-base: 10000, - main-layout: ( - default: ( - rows: 2, - columns: 4, - pad: 0.5, - minHeight: 20em - ), - xlarge: ( - rows: 2, - columns: 3, - pad: 0.5, - minHeight: 20em - ), - large: ( - rows: 2, - columns: 2, - pad: 0.5, - minHeight: 20em - ), - medium: ( - rows: 3, - columns: 2, - pad: 0.5, - minHeight: 18em - ), - xsmall: ( - rows: 2, - columns: 1, - pad: 0.5, - minHeight: 18em - ) - ) - ); - -// Duration. - $duration: ( - transition: 0.2s, - header: 1s, - panel: 0.5s, - modal: 0.5s, - thumb: 0.15s - ); - -// Size. - $size: ( - element-height: 2.75em, - element-margin: 2em, - header: 4em - ); - -// Font. - $font: ( - family: ('Source Sans Pro', Helvetica, sans-serif), - family-fixed: ('Courier New', monospace), - weight: 300, - weight-bold: 300, - weight-extrabold: 400, - kerning: 0.025em, - kerning-alt: 0.1em - ); - -// Palette. - $palette: ( - bg: #242629, - bg-alt: #1f2224, - bg-overlay: transparentize(#242629, 0.75), - bg-overlay-alt: transparentize(#242629, 0.5), - bg-ie-overlay: transparentize(#242629, 0.45), - bg-ie-overlay-alt: transparentize(#242629, 0.2), - fg: #a0a0a1, - fg-bold: #ffffff, - fg-medium: #707071, - fg-light: #505051, - border: #36383c, - border-bg: #34363b, - border-bg-alt: #44464b, - accent1: #34a58e - ); \ No newline at end of file diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss deleted file mode 100644 index 6599a3f..0000000 --- a/assets/sass/libs/_vendor.scss +++ /dev/null @@ -1,376 +0,0 @@ -// vendor.scss v1.0 | @ajlkn | MIT licensed */ - -// Vars. - - /// Vendor prefixes. - /// @var {list} - $vendor-prefixes: ( - '-moz-', - '-webkit-', - '-ms-', - '' - ); - - /// Properties that should be vendorized. - /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org - /// @var {list} - $vendor-properties: ( - - // Animation. - 'animation', - 'animation-delay', - 'animation-direction', - 'animation-duration', - 'animation-fill-mode', - 'animation-iteration-count', - 'animation-name', - 'animation-play-state', - 'animation-timing-function', - - // Appearance. - 'appearance', - - // Backdrop filter. - 'backdrop-filter', - - // Background image options. - 'background-clip', - 'background-origin', - 'background-size', - - // Box sizing. - 'box-sizing', - - // Clip path. - 'clip-path', - - // Filter effects. - 'filter', - - // Flexbox. - 'align-content', - 'align-items', - 'align-self', - 'flex', - 'flex-basis', - 'flex-direction', - 'flex-flow', - 'flex-grow', - 'flex-shrink', - 'flex-wrap', - 'justify-content', - 'order', - - // Font feature. - 'font-feature-settings', - 'font-language-override', - 'font-variant-ligatures', - - // Font kerning. - 'font-kerning', - - // Fragmented borders and backgrounds. - 'box-decoration-break', - - // Grid layout. - 'grid-column', - 'grid-column-align', - 'grid-column-end', - 'grid-column-start', - 'grid-row', - 'grid-row-align', - 'grid-row-end', - 'grid-row-start', - 'grid-template-columns', - 'grid-template-rows', - - // Hyphens. - 'hyphens', - 'word-break', - - // Masks. - 'mask', - 'mask-border', - 'mask-border-outset', - 'mask-border-repeat', - 'mask-border-slice', - 'mask-border-source', - 'mask-border-width', - 'mask-clip', - 'mask-composite', - 'mask-image', - 'mask-origin', - 'mask-position', - 'mask-repeat', - 'mask-size', - - // Multicolumn. - 'break-after', - 'break-before', - 'break-inside', - 'column-count', - 'column-fill', - 'column-gap', - 'column-rule', - 'column-rule-color', - 'column-rule-style', - 'column-rule-width', - 'column-span', - 'column-width', - 'columns', - - // Object fit. - 'object-fit', - 'object-position', - - // Regions. - 'flow-from', - 'flow-into', - 'region-fragment', - - // Scroll snap points. - 'scroll-snap-coordinate', - 'scroll-snap-destination', - 'scroll-snap-points-x', - 'scroll-snap-points-y', - 'scroll-snap-type', - - // Shapes. - 'shape-image-threshold', - 'shape-margin', - 'shape-outside', - - // Tab size. - 'tab-size', - - // Text align last. - 'text-align-last', - - // Text decoration. - 'text-decoration-color', - 'text-decoration-line', - 'text-decoration-skip', - 'text-decoration-style', - - // Text emphasis. - 'text-emphasis', - 'text-emphasis-color', - 'text-emphasis-position', - 'text-emphasis-style', - - // Text size adjust. - 'text-size-adjust', - - // Text spacing. - 'text-spacing', - - // Transform. - 'transform', - 'transform-origin', - - // Transform 3D. - 'backface-visibility', - 'perspective', - 'perspective-origin', - 'transform-style', - - // Transition. - 'transition', - 'transition-delay', - 'transition-duration', - 'transition-property', - 'transition-timing-function', - - // Unicode bidi. - 'unicode-bidi', - - // User select. - 'user-select', - - // Writing mode. - 'writing-mode', - - ); - - /// Values that should be vendorized. - /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org - /// @var {list} - $vendor-values: ( - - // Cross fade. - 'cross-fade', - - // Element function. - 'element', - - // Filter function. - 'filter', - - // Flexbox. - 'flex', - 'inline-flex', - - // Grab cursors. - 'grab', - 'grabbing', - - // Gradients. - 'linear-gradient', - 'repeating-linear-gradient', - 'radial-gradient', - 'repeating-radial-gradient', - - // Grid layout. - 'grid', - 'inline-grid', - - // Image set. - 'image-set', - - // Intrinsic width. - 'max-content', - 'min-content', - 'fit-content', - 'fill', - 'fill-available', - 'stretch', - - // Sticky position. - 'sticky', - - // Transform. - 'transform', - - // Zoom cursors. - 'zoom-in', - 'zoom-out', - - ); - -// Functions. - - /// Removes a specific item from a list. - /// @author Hugo Giraudel - /// @param {list} $list List. - /// @param {integer} $index Index. - /// @return {list} Updated list. - @function remove-nth($list, $index) { - - $result: null; - - @if type-of($index) != number { - @warn "$index: #{quote($index)} is not a number for `remove-nth`."; - } - @else if $index == 0 { - @warn "List index 0 must be a non-zero integer for `remove-nth`."; - } - @else if abs($index) > length($list) { - @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; - } - @else { - - $result: (); - $index: if($index < 0, length($list) + $index + 1, $index); - - @for $i from 1 through length($list) { - - @if $i != $index { - $result: append($result, nth($list, $i)); - } - - } - - } - - @return $result; - - } - - /// Replaces a substring within another string. - /// @author Hugo Giraudel - /// @param {string} $string String. - /// @param {string} $search Substring. - /// @param {string} $replace Replacement. - /// @return {string} Updated string. - @function str-replace($string, $search, $replace: '') { - - $index: str-index($string, $search); - - @if $index { - @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); - } - - @return $string; - - } - - /// Replaces a substring within each string in a list. - /// @param {list} $strings List of strings. - /// @param {string} $search Substring. - /// @param {string} $replace Replacement. - /// @return {list} Updated list of strings. - @function str-replace-all($strings, $search, $replace: '') { - - @each $string in $strings { - $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); - } - - @return $strings; - - } - -// Mixins. - - /// Wraps @content in vendorized keyframe blocks. - /// @param {string} $name Name. - @mixin keyframes($name) { - - @-moz-keyframes #{$name} { @content; } - @-webkit-keyframes #{$name} { @content; } - @-ms-keyframes #{$name} { @content; } - @keyframes #{$name} { @content; } - - } - - /// Vendorizes a declaration's property and/or value(s). - /// @param {string} $property Property. - /// @param {mixed} $value String/list of value(s). - @mixin vendor($property, $value) { - - // Determine if property should expand. - $expandProperty: index($vendor-properties, $property); - - // Determine if value should expand (and if so, add '-prefix-' placeholder). - $expandValue: false; - - @each $x in $value { - @each $y in $vendor-values { - @if $y == str-slice($x, 1, str-length($y)) { - - $value: set-nth($value, index($value, $x), '-prefix-' + $x); - $expandValue: true; - - } - } - } - - // Expand property? - @if $expandProperty { - @each $vendor in $vendor-prefixes { - #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; - } - } - - // Expand just the value? - @elseif $expandValue { - @each $vendor in $vendor-prefixes { - #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; - } - } - - // Neither? Treat them as a normal declaration. - @else { - #{$property}: #{$value}; - } - - } \ No newline at end of file diff --git a/assets/sass/main.css b/assets/sass/main.css deleted file mode 100644 index 0cbe6fd..0000000 --- a/assets/sass/main.css +++ /dev/null @@ -1,1492 +0,0 @@ -@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"); -@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic"); -/* - Multiverse by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ -@-webkit-keyframes spinner { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -@keyframes spinner { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -html, body, div, span, applet, object, -iframe, h1, h2, h3, h4, h5, h6, p, blockquote, -pre, a, abbr, acronym, address, big, cite, -code, del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, b, -u, i, center, dl, dt, dd, ol, ul, li, fieldset, -form, label, legend, table, caption, tbody, -tfoot, thead, tr, th, td, article, aside, -canvas, details, embed, figure, figcaption, -footer, header, hgroup, menu, nav, output, ruby, -section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} - -body { - line-height: 1; -} - -ol, ul { - list-style: none; -} - -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, q:before, q:after { - content: ""; - content: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -body { - -webkit-text-size-adjust: none; -} - -mark { - background-color: transparent; - color: inherit; -} - -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -input, select, textarea { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; -} - -/* Basic */ -@-ms-viewport { - width: device-width; -} -body { - -ms-overflow-style: scrollbar; -} - -@media screen and (max-width: 480px) { - html, body { - min-width: 320px; - } -} -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -body { - background: #242629; -} -body.is-preload *, body.is-preload *:before, body.is-preload *:after { - -webkit-animation: none !important; - animation: none !important; - transition: none !important; -} -body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after { - -webkit-animation: none !important; - animation: none !important; - transition: none !important; -} - -/* Type */ -body, input, select, textarea { - color: #a0a0a1; - font-family: "Source Sans Pro", Helvetica, sans-serif; - font-size: 15pt; - font-weight: 300; - letter-spacing: 0.025em; - line-height: 1.65; -} -@media screen and (max-width: 1680px) { - body, input, select, textarea { - font-size: 11pt; - } -} - -a { - transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; - border-bottom: dotted 1px; - color: #34a58e; - text-decoration: none; -} -a:hover { - border-bottom-color: transparent; - color: #34a58e !important; -} - -strong, b { - color: #ffffff; - font-weight: 300; -} - -em, i { - font-style: italic; -} - -p { - margin: 0 0 2em 0; -} - -h1, h2, h3, h4, h5, h6 { - color: #ffffff; - font-weight: 300; - letter-spacing: 0.1em; - line-height: 1.5; - margin: 0 0 1em 0; - text-transform: uppercase; -} -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit; - text-decoration: none; -} - -h1 { - font-size: 2em; -} - -h2 { - font-size: 1.25em; -} - -h3 { - font-size: 1.1em; -} - -h4 { - font-size: 1em; -} - -h5 { - font-size: 0.9em; -} - -h6 { - font-size: 0.7em; -} - -@media screen and (max-width: 736px) { - h2 { - font-size: 1em; - } - h3 { - font-size: 0.9em; - } - h4 { - font-size: 0.8em; - } - h5 { - font-size: 0.7em; - } - h6 { - font-size: 0.7em; - } -} -sub { - font-size: 0.8em; - position: relative; - top: 0.5em; -} - -sup { - font-size: 0.8em; - position: relative; - top: -0.5em; -} - -blockquote { - border-left: 4px #36383c; - font-style: italic; - margin: 0 0 2em 0; - padding: 0.5em 0 0.5em 2em; -} - -code { - background: #34363b; - border: solid 1px #36383c; - font-family: "Courier New", monospace; - font-size: 0.9em; - margin: 0 0.25em; - padding: 0.25em 0.65em; -} - -pre { - -webkit-overflow-scrolling: touch; - font-family: "Courier New", monospace; - font-size: 0.9em; - margin: 0 0 2em 0; -} -pre code { - display: block; - line-height: 1.75; - padding: 1em 1.5em; - overflow-x: auto; -} - -hr { - border: 0; - border-bottom: solid 1px #36383c; - margin: 2em 0; -} -hr.major { - margin: 3em 0; -} - -.align-left { - text-align: left; -} - -.align-center { - text-align: center; -} - -.align-right { - text-align: right; -} - -/* Button */ -input[type=submit], -input[type=reset], -input[type=button], -button, -.button { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; - background-color: transparent; - border: 0; - border-radius: 0; - box-shadow: inset 0 0 0 2px #36383c; - color: #ffffff !important; - cursor: pointer; - display: inline-block; - font-size: 0.9em; - font-weight: 300; - height: 3.0555555556em; - letter-spacing: 0.1em; - line-height: 3.0555555556em; - padding: 0 2.5em; - text-align: center; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; -} -input[type=submit]:hover, -input[type=reset]:hover, -input[type=button]:hover, -button:hover, -.button:hover { - box-shadow: inset 0 0 0 2px #34a58e; - color: #34a58e !important; -} -input[type=submit]:hover:active, -input[type=reset]:hover:active, -input[type=button]:hover:active, -button:hover:active, -.button:hover:active { - background-color: rgba(52, 165, 142, 0.15); - color: #34a58e !important; -} -input[type=submit].icon, -input[type=reset].icon, -input[type=button].icon, -button.icon, -.button.icon { - padding-left: 1.35em; -} -input[type=submit].icon:before, -input[type=reset].icon:before, -input[type=button].icon:before, -button.icon:before, -.button.icon:before { - margin-right: 0.5em; -} -input[type=submit].fit, -input[type=reset].fit, -input[type=button].fit, -button.fit, -.button.fit { - width: 100%; -} -input[type=submit].small, -input[type=reset].small, -input[type=button].small, -button.small, -.button.small { - font-size: 0.8em; -} -input[type=submit].large, -input[type=reset].large, -input[type=button].large, -button.large, -.button.large { - font-size: 1.35em; -} -input[type=submit].primary, -input[type=reset].primary, -input[type=button].primary, -button.primary, -.button.primary { - background-color: #34a58e; - box-shadow: none; -} -input[type=submit].primary:hover, -input[type=reset].primary:hover, -input[type=button].primary:hover, -button.primary:hover, -.button.primary:hover { - background-color: #47c5ab; - color: #ffffff !important; -} -input[type=submit].primary:hover:active, -input[type=reset].primary:hover:active, -input[type=button].primary:hover:active, -button.primary:hover:active, -.button.primary:hover:active { - background-color: #287e6d; -} -input[type=submit].disabled, input[type=submit]:disabled, -input[type=reset].disabled, -input[type=reset]:disabled, -input[type=button].disabled, -input[type=button]:disabled, -button.disabled, -button:disabled, -.button.disabled, -.button:disabled { - pointer-events: none; - opacity: 0.35; -} - -/* Form */ -form { - margin: 0 0 2em 0; -} -form > :last-child { - margin-bottom: 0; -} -form > .fields { - display: -moz-flex; - display: -ms-flex; - display: flex; - flex-wrap: wrap; - width: calc(100% + 3em); - margin: -1.5em 0 2em -1.5em; -} -form > .fields > .field { - -moz-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; - padding: 1.5em 0 0 1.5em; - width: calc(100% - 1.5em); -} -form > .fields > .field.half { - width: calc(50% - 0.75em); -} -form > .fields > .field.third { - width: calc(100%/3 - 0.5em); -} -form > .fields > .field.quarter { - width: calc(25% - 0.375em); -} -@media screen and (max-width: 736px) { - form > .fields { - width: calc(100% + 3em); - margin: -1.5em 0 2em -1.5em; - } - form > .fields > .field { - padding: 1.5em 0 0 1.5em; - width: calc(100% - 1.5em); - } - form > .fields > .field.half { - width: calc(100% - 1.5em); - } - form > .fields > .field.third { - width: calc(100% - 1.5em); - } - form > .fields > .field.quarter { - width: calc(100% - 1.5em); - } -} - -label { - color: #ffffff; - display: block; - font-size: 0.9em; - font-weight: 300; - margin: 0 0 1em 0; -} - -input[type=text], -input[type=password], -input[type=email], -input[type=tel], -input[type=search], -input[type=url], -select, -textarea { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: #34363b; - border: 0; - border-radius: 0; - color: #a0a0a1; - display: block; - outline: 0; - padding: 0 1em; - text-decoration: none; - width: 100%; -} -input[type=text]:invalid, -input[type=password]:invalid, -input[type=email]:invalid, -input[type=tel]:invalid, -input[type=search]:invalid, -input[type=url]:invalid, -select:invalid, -textarea:invalid { - box-shadow: none; -} -input[type=text]:focus, -input[type=password]:focus, -input[type=email]:focus, -input[type=tel]:focus, -input[type=search]:focus, -input[type=url]:focus, -select:focus, -textarea:focus { - box-shadow: inset 0 0 0 2px #34a58e; -} - -select { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%2336383c' /%3E%3C/svg%3E"); - background-size: 1.25rem; - background-repeat: no-repeat; - background-position: calc(100% - 1rem) center; - height: 2.75em; - padding-right: 2.75em; - text-overflow: ellipsis; -} -select option { - color: #ffffff; - background: #242629; -} -select:focus::-ms-value { - background-color: transparent; -} -select::-ms-expand { - display: none; -} - -input[type=text], -input[type=password], -input[type=email], -input[type=tel], -input[type=search], -input[type=url], -select { - height: 2.75em; -} - -textarea { - padding: 0.75em 1em; -} - -input[type=checkbox], -input[type=radio] { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - display: block; - float: left; - margin-right: -2em; - opacity: 0; - width: 1em; - z-index: -1; -} -input[type=checkbox] + label, -input[type=radio] + label { - text-decoration: none; - color: #a0a0a1; - cursor: pointer; - display: inline-block; - font-size: 1em; - font-weight: 300; - padding-left: 2.4em; - padding-right: 0.75em; - position: relative; -} -input[type=checkbox] + label:before, -input[type=radio] + label:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; - text-transform: none !important; - font-family: "ForkAwesome"; - font-weight: 900; -} -input[type=checkbox] + label:before, -input[type=radio] + label:before { - background: #34363b; - content: ""; - display: inline-block; - font-size: 0.8em; - height: 2.0625em; - left: 0; - line-height: 2.0625em; - position: absolute; - text-align: center; - top: 0; - width: 2.0625em; -} -input[type=checkbox]:checked + label:before, -input[type=radio]:checked + label:before { - background: #34a58e; - border-color: #34a58e; - color: #ffffff; - content: "\f00c"; -} -input[type=checkbox]:focus + label:before, -input[type=radio]:focus + label:before { - box-shadow: 0 0 0 2px #34a58e; -} - -input[type=radio] + label:before { - border-radius: 100%; -} - -::-webkit-input-placeholder { - color: #707071 !important; - opacity: 1; -} - -:-moz-placeholder { - color: #707071 !important; - opacity: 1; -} - -::-moz-placeholder { - color: #707071 !important; - opacity: 1; -} - -:-ms-input-placeholder { - color: #707071 !important; - opacity: 1; -} - -/* Icon */ -.icon { - text-decoration: none; - border-bottom: none; - position: relative; -} -.icon:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; - text-transform: none !important; - font-family: "ForkAwesome"; - font-weight: 400; -} -.icon > .label { - display: none; -} -.icon:before { - line-height: inherit; -} -.icon.solid:before { - font-weight: 900; -} -.icon.brands:before { - font-family: "Font Awesome 5 Brands"; -} - -/* List */ -ol { - list-style: decimal; - margin: 0 0 2em 0; - padding-left: 1.25em; -} -ol li { - padding-left: 0.25em; -} - -ul { - list-style: disc; - margin: 0 0 2em 0; - padding-left: 1em; -} -ul li { - padding-left: 0.5em; -} -ul.alt { - list-style: none; - padding-left: 0; -} -ul.alt li { - border-top: solid 1px #36383c; - padding: 0.5em 0; -} -ul.alt li:first-child { - border-top: 0; - padding-top: 0; -} - -dl { - margin: 0 0 2em 0; -} -dl dt { - display: block; - font-weight: 300; - margin: 0 0 1em 0; -} -dl dd { - margin-left: 2em; -} - -/* Actions */ -ul.actions { - display: -moz-flex; - display: -ms-flex; - display: flex; - cursor: default; - list-style: none; - margin-left: -1em; - padding-left: 0; -} -ul.actions li { - padding: 0 0 0 1em; - vertical-align: middle; -} -ul.actions.special { - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; - width: 100%; - margin-left: 0; -} -ul.actions.special li:first-child { - padding-left: 0; -} -ul.actions.stacked { - -moz-flex-direction: column; - flex-direction: column; - margin-left: 0; -} -ul.actions.stacked li { - padding: 1.3em 0 0 0; -} -ul.actions.stacked li:first-child { - padding-top: 0; -} -ul.actions.fit { - width: calc(100% + 1em); -} -ul.actions.fit li { - -moz-flex-grow: 1; - -ms-flex-grow: 1; - flex-grow: 1; - -ms-flex-shrink: 1; - flex-shrink: 1; - width: 100%; -} -ul.actions.fit li > * { - width: 100%; -} -ul.actions.fit.stacked { - width: 100%; -} -@media screen and (max-width: 480px) { - ul.actions:not(.fixed) { - -moz-flex-direction: column; - flex-direction: column; - margin-left: 0; - width: 100% !important; - } - ul.actions:not(.fixed) li { - -moz-flex-grow: 1; - -ms-flex-grow: 1; - flex-grow: 1; - -ms-flex-shrink: 1; - flex-shrink: 1; - padding: 1em 0 0 0; - text-align: center; - width: 100%; - } - ul.actions:not(.fixed) li > * { - width: 100%; - } - ul.actions:not(.fixed) li:first-child { - padding-top: 0; - } - ul.actions:not(.fixed) li input[type=submit], -ul.actions:not(.fixed) li input[type=reset], -ul.actions:not(.fixed) li input[type=button], -ul.actions:not(.fixed) li button, -ul.actions:not(.fixed) li .button { - width: 100%; - } - ul.actions:not(.fixed) li input[type=submit].icon:before, -ul.actions:not(.fixed) li input[type=reset].icon:before, -ul.actions:not(.fixed) li input[type=button].icon:before, -ul.actions:not(.fixed) li button.icon:before, -ul.actions:not(.fixed) li .button.icon:before { - margin-left: -0.5rem; - } -} - -/* Icons */ -ul.icons { - cursor: default; - list-style: none; - padding-left: 0; -} -ul.icons li { - display: inline-block; - padding: 0 1em 0 0; -} -ul.icons li:last-child { - padding-right: 0; -} -ul.icons li .icon { - color: #505051; -} -ul.icons li .icon:before { - font-size: 1.5em; -} - -/* Table */ -.table-wrapper { - -webkit-overflow-scrolling: touch; - overflow-x: auto; -} - -table { - margin: 0 0 2em 0; - width: 100%; -} -table tbody tr { - border: solid 1px #36383c; - border-left: 0; - border-right: 0; -} -table tbody tr:nth-child(2n+1) { - background-color: #34363b; -} -table td { - padding: 0.75em 0.75em; -} -table th { - color: #ffffff; - font-size: 0.9em; - font-weight: 300; - padding: 0 0.75em 0.75em 0.75em; - text-align: left; -} -table thead { - border-bottom: solid 2px #36383c; -} -table tfoot { - border-top: solid 2px #36383c; -} -table.alt { - border-collapse: separate; -} -table.alt tbody tr td { - border: solid 1px #36383c; - border-left-width: 0; - border-top-width: 0; -} -table.alt tbody tr td:first-child { - border-left-width: 1px; -} -table.alt tbody tr:first-child td { - border-top-width: 1px; -} -table.alt thead { - border-bottom: 0; -} -table.alt tfoot { - border-top: 0; -} - -/* Panel */ -.panel { - padding: 4em 4em 2em 4em; - transform: translateY(100vh); - transition: transform 0.5s ease; - -webkit-overflow-scrolling: touch; - background: rgba(36, 38, 41, 0.975); - bottom: 4em; - left: 0; - max-height: calc(80vh - 4em); - overflow-y: auto; - position: fixed; - width: 100%; - z-index: 10001; -} -.panel.active { - transform: translateY(1px); -} -.panel > .inner { - margin: 0 auto; - max-width: 100%; - width: 75em; -} -.panel > .inner.split { - display: -moz-flex; - display: -ms-flex; - display: flex; -} -.panel > .inner.split > div { - margin-left: 4em; - width: 50%; -} -.panel > .inner.split > :first-child { - margin-left: 0; -} -.panel > .closer { - transition: opacity 0.2s ease-in-out; - background-image: url("images/close.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 3em; - cursor: pointer; - height: 5em; - opacity: 0.25; - position: absolute; - right: 0; - top: 0; - width: 5em; - z-index: 2; -} -.panel > .closer:hover { - opacity: 1; -} -@media screen and (max-width: 1280px) { - .panel { - padding: 3em 3em 1em 3em; - } - .panel > .inner.split > div { - margin-left: 3em; - } - .panel > .closer { - background-size: 2.5em; - background-position: 75% 25%; - } -} -@media screen and (max-width: 980px) { - .panel > .inner.split { - -moz-flex-direction: column; - flex-direction: column; - } - .panel > .inner.split > div { - margin-left: 0; - width: 100%; - } -} -@media screen and (max-width: 736px) { - .panel { - transform: translateY(-100vh); - padding: 4em 2em 2em 2em; - bottom: auto; - top: calc(4em - 1px); - } - .panel.active { - transform: translateY(0); - } -} - -/* Poptrox Popup */ -.poptrox-overlay { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -} - -.poptrox-popup { - background: rgba(31, 34, 36, 0.925); - box-shadow: 0 1em 3em 0.5em rgba(0, 0, 0, 0.25); - cursor: default; -} -.poptrox-popup:before { - transition: opacity 0.2s ease-in-out; - background-image: linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)); - content: ""; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 1; - opacity: 1; -} -.poptrox-popup .closer { - transition: opacity 0.2s ease-in-out; - background-image: url("images/close.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 3em; - height: 5em; - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 5em; - z-index: 2; -} -.poptrox-popup .nav-previous, -.poptrox-popup .nav-next { - transition: opacity 0.2s ease-in-out; - background-image: url("images/arrow.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 5em; - cursor: pointer; - height: 8em; - margin-top: -4em; - opacity: 0; - position: absolute; - top: 50%; - width: 6em; - z-index: 2; -} -.poptrox-popup .nav-previous { - transform: scaleX(-1); - left: 0; -} -.poptrox-popup .nav-next { - right: 0; -} -.poptrox-popup .caption { - padding: 2em 2em 0.1em 2em; - background-image: linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%); - bottom: 0; - cursor: default; - left: 0; - position: absolute; - text-align: left; - width: 100%; - z-index: 2; -} -.poptrox-popup .caption h2, .poptrox-popup .caption h3, .poptrox-popup .caption h4, .poptrox-popup .caption h5, .poptrox-popup .caption h6 { - margin: 0 0 0.5em 0; -} -.poptrox-popup .caption p { - color: #ffffff; -} -.poptrox-popup .loader { - -webkit-animation: spinner 1s infinite linear !important; - animation: spinner 1s infinite linear !important; - background-image: url("images/spinner.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - display: block; - font-size: 2em; - height: 2em; - left: 50%; - line-height: 2em; - margin: -1em 0 0 -1em; - opacity: 0.25; - position: absolute; - text-align: center; - top: 50%; - width: 2em; -} -.poptrox-popup:hover .closer, -.poptrox-popup:hover .nav-previous, -.poptrox-popup:hover .nav-next { - opacity: 0.5; -} -.poptrox-popup:hover .closer:hover, -.poptrox-popup:hover .nav-previous:hover, -.poptrox-popup:hover .nav-next:hover { - opacity: 1; -} -.poptrox-popup.loading:before { - opacity: 0; -} -body.touch .poptrox-popup .closer, -body.touch .poptrox-popup .nav-previous, -body.touch .poptrox-popup .nav-next { - opacity: 1 !important; -} -@media screen and (max-width: 980px) { - .poptrox-popup .closer { - background-size: 3em; - } - .poptrox-popup .nav-previous, -.poptrox-popup .nav-next { - background-size: 4em; - } -} -@media screen and (max-width: 736px) { - .poptrox-popup:before { - display: none; - } - .poptrox-popup .caption { - display: none !important; - } - .poptrox-popup .closer, -.poptrox-popup .nav-previous, -.poptrox-popup .nav-next { - display: none !important; - } -} - -/* Wrapper */ -#wrapper { - transition: -moz-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease; - position: relative; -} -#wrapper:after { - pointer-events: none; - transition: opacity 0.5s ease, visibility 0.5s; - background: rgba(36, 38, 41, 0.5); - content: ""; - display: block; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - visibility: hidden; - width: 100%; - z-index: 1; -} -body.ie #wrapper:after { - background: rgba(36, 38, 41, 0.8); -} -body.modal-active #wrapper { - -moz-filter: blur(8px); - -ms-filter: blur(8px); - filter: blur(8px); -} -body.modal-active #wrapper:after { - pointer-events: auto; - opacity: 1; - visibility: visible; - z-index: 10003; -} -#wrapper:before { - -webkit-animation: spinner 1s infinite linear !important; - animation: spinner 1s infinite linear !important; - pointer-events: none; - transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s; - background-image: url("images/spinner.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - content: ""; - display: block; - font-size: 2em; - height: 2em; - left: 50%; - line-height: 2em; - margin: -1em 0 0 -1em; - opacity: 0; - position: fixed; - text-align: center; - top: 75%; - visibility: hidden; - width: 2em; -} -body.is-preload #wrapper:before { - transition: opacity 1s ease-out !important; - transition-delay: 0.5s !important; - opacity: 0.25; - top: 50%; - visibility: visible; -} - -/* Header */ -body { - padding: 0 0 4em 0; -} - -#header { - transform: translateY(0); - transition: transform 1s ease; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - background: #1f2224; - bottom: -1em; - height: 5em; - left: 0; - line-height: 4em; - padding: 0 1.5em; - position: fixed; - user-select: none; - width: 100%; - z-index: 10002; -} -body.is-preload #header { - transform: translateY(4em); -} -#header h1 { - color: #a0a0a1; - display: inline-block; - font-size: 1em; - line-height: 1; - margin: 0; - vertical-align: middle; -} -#header h1 a { - border: 0; - color: inherit; -} -#header h1 a:hover { - color: inherit !important; -} -#header nav { - position: absolute; - right: 0; - top: 0; -} -#header nav > ul { - list-style: none; - margin: 0; - padding: 0; -} -#header nav > ul > li { - display: inline-block; - padding: 0; -} -#header nav > ul > li a { - transition: background-color 0.5s ease; - border: 0; - color: #ffffff; - display: inline-block; - letter-spacing: 0.1em; - padding: 0 1.65em; - text-transform: uppercase; -} -#header nav > ul > li a.icon:before { - color: #505051; - float: right; - margin-left: 0.75em; -} -#header nav > ul > li a:hover { - color: #ffffff !important; -} -#header nav > ul > li a.active { - background-color: #242629; -} - -@media screen and (max-width: 736px) { - body { - padding: 4em 0 0 0; - } - #header { - transform: translateY(0); - bottom: auto; - height: 4em; - padding: 0 1em; - top: 0; - } - body.is-preload #header { - transform: translateY(-3.4em); - } - #header h1 { - font-size: 0.9em; - } - #header nav > ul > li a { - font-size: 0.9em; - padding: 0 1.15em; - } -} -/* Main */ -#main { - transition: -moz-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease; - display: -moz-flex; - display: -ms-flex; - display: flex; - flex-wrap: wrap; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -} -#main .thumb { - transition: opacity 1.25s ease-in-out; - pointer-events: auto; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - opacity: 1; - overflow: hidden; - position: relative; -} -#main .thumb:after { - background-image: linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%); - pointer-events: none; - background-size: cover; - content: ""; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} -#main .thumb > .image { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} -#main .thumb > h2 { - pointer-events: none; - bottom: 1.875em; - font-size: 0.8em; - left: 2.1875em; - margin: 0; - position: absolute; - z-index: 1; -} -#main .thumb > p { - display: none; -} -#main:after { - pointer-events: none; - transition: opacity 0.5s ease, visibility 0.5s; - background: rgba(36, 38, 41, 0.25); - content: ""; - display: block; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - visibility: hidden; - width: 100%; - z-index: 1; -} -body.ie #main:after { - background: rgba(36, 38, 41, 0.55); -} -body.content-active #main { - -moz-filter: blur(6px); - -ms-filter: blur(6px); - filter: blur(6px); -} -body.content-active #main:after { - pointer-events: auto; - opacity: 1; - visibility: visible; -} -body.is-preload #main .thumb { - pointer-events: none; - opacity: 0; -} -#main .thumb { - transition-delay: 2.525s; - height: calc(40vh - 2em); - min-height: 20em; - width: 25%; -} -#main .thumb:nth-child(1) { - transition-delay: 0.65s; -} -#main .thumb:nth-child(2) { - transition-delay: 0.8s; -} -#main .thumb:nth-child(3) { - transition-delay: 0.95s; -} -#main .thumb:nth-child(4) { - transition-delay: 1.1s; -} -#main .thumb:nth-child(5) { - transition-delay: 1.25s; -} -#main .thumb:nth-child(6) { - transition-delay: 1.4s; -} -#main .thumb:nth-child(7) { - transition-delay: 1.55s; -} -#main .thumb:nth-child(8) { - transition-delay: 1.7s; -} -#main .thumb:nth-child(9) { - transition-delay: 1.85s; -} -#main .thumb:nth-child(10) { - transition-delay: 2s; -} -#main .thumb:nth-child(11) { - transition-delay: 2.15s; -} -#main .thumb:nth-child(12) { - transition-delay: 2.3s; -} -@media screen and (max-width: 1680px) { - #main .thumb { - transition-delay: 2.075s; - height: calc(40vh - 2em); - min-height: 20em; - width: 33.3333333333%; - } - #main .thumb:nth-child(1) { - transition-delay: 0.65s; - } - #main .thumb:nth-child(2) { - transition-delay: 0.8s; - } - #main .thumb:nth-child(3) { - transition-delay: 0.95s; - } - #main .thumb:nth-child(4) { - transition-delay: 1.1s; - } - #main .thumb:nth-child(5) { - transition-delay: 1.25s; - } - #main .thumb:nth-child(6) { - transition-delay: 1.4s; - } - #main .thumb:nth-child(7) { - transition-delay: 1.55s; - } - #main .thumb:nth-child(8) { - transition-delay: 1.7s; - } - #main .thumb:nth-child(9) { - transition-delay: 1.85s; - } -} -@media screen and (max-width: 1280px) { - #main .thumb { - transition-delay: 1.625s; - height: calc(40vh - 2em); - min-height: 20em; - width: 50%; - } - #main .thumb:nth-child(1) { - transition-delay: 0.65s; - } - #main .thumb:nth-child(2) { - transition-delay: 0.8s; - } - #main .thumb:nth-child(3) { - transition-delay: 0.95s; - } - #main .thumb:nth-child(4) { - transition-delay: 1.1s; - } - #main .thumb:nth-child(5) { - transition-delay: 1.25s; - } - #main .thumb:nth-child(6) { - transition-delay: 1.4s; - } -} -@media screen and (max-width: 980px) { - #main .thumb { - transition-delay: 2.075s; - height: calc(28.5714285714vh - 1.3333333333em); - min-height: 18em; - width: 50%; - } - #main .thumb:nth-child(1) { - transition-delay: 0.65s; - } - #main .thumb:nth-child(2) { - transition-delay: 0.8s; - } - #main .thumb:nth-child(3) { - transition-delay: 0.95s; - } - #main .thumb:nth-child(4) { - transition-delay: 1.1s; - } - #main .thumb:nth-child(5) { - transition-delay: 1.25s; - } - #main .thumb:nth-child(6) { - transition-delay: 1.4s; - } - #main .thumb:nth-child(7) { - transition-delay: 1.55s; - } - #main .thumb:nth-child(8) { - transition-delay: 1.7s; - } - #main .thumb:nth-child(9) { - transition-delay: 1.85s; - } -} -@media screen and (max-width: 480px) { - #main .thumb { - transition-delay: 1.175s; - height: calc(40vh - 2em); - min-height: 18em; - width: 100%; - } - #main .thumb:nth-child(1) { - transition-delay: 0.65s; - } - #main .thumb:nth-child(2) { - transition-delay: 0.8s; - } - #main .thumb:nth-child(3) { - transition-delay: 0.95s; - } -} - -/* Footer */ -#footer .copyright { - color: #505051; - font-size: 0.9em; -} -#footer .copyright a { - color: inherit; -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/sass/main.css.map b/assets/sass/main.css.map deleted file mode 100644 index 03eec20..0000000 --- a/assets/sass/main.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.scss","libs/_vendor.scss","main.css","base/_reset.scss","base/_page.scss","libs/_breakpoints.scss","base/_typography.scss","components/_button.scss","components/_form.scss","libs/_mixins.scss","components/_icon.scss","components/_list.scss","components/_actions.scss","components/_icons.scss","components/_table.scss","components/_panel.scss","components/_poptrox-popup.scss","layout/_wrapper.scss","layout/_header.scss","layout/_main.scss","layout/_footer.scss"],"names":[],"mappings":"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p4CK;ElB8OM,uBAAA;AC4pCX;AiB14CK;ElB8OM,sBAAA;ACkqCX;AiBh5CK;ElB8OM,uBAAA;ACwqCX;AiBt5CK;ElB8OM,sBAAA;AC8qCX;AiB55CK;ElB8OM,uBAAA;ACorCX;AiBl6CK;ElB8OM,oBAAA;AC0rCX;AiBx6CK;ElB8OM,uBAAA;ACgsCX;AiB96CK;ElB8OM,sBAAA;ACssCX;AGn1CS;EcxGN;IlBqPQ,wBAAA;IkBnPP,wBAAA;IACA,gBAyBC;IAxBD,qBAAA;EjBi8CF;EiB97CG;IlB8OM,uBAAA;ECstCT;EiBp8CG;IlB8OM,sBAAA;EC4tCT;EiB18CG;IlB8OM,uBAAA;ECkuCT;EiBh9CG;IlB8OM,sBAAA;ECwuCT;EiBt9CG;IlB8OM,uBAAA;EC8uCT;EiB59CG;IlB8OM,sBAAA;ECovCT;EiBl+CG;IlB8OM,uBAAA;EC0vCT;EiBx+CG;IlB8OM,sBAAA;ECgwCT;EiB9+CG;IlB8OM,uBAAA;ECswCT;AACF;AGp5CS;EcxGN;IlBqPQ,wBAAA;IkBnPP,wBAAA;IACA,gBAmCC;IAlCD,UAAA;EjBkgDF;EiB//CG;IlB8OM,uBAAA;ECuxCT;EiBrgDG;IlB8OM,sBAAA;EC6xCT;EiB3gDG;IlB8OM,uBAAA;ECmyCT;EiBjhDG;IlB8OM,sBAAA;ECyyCT;EiBvhDG;IlB8OM,uBAAA;EC+yCT;EiB7hDG;IlB8OM,sBAAA;ECqzCT;AACF;AGn8CS;EcxGN;IlBqPQ,wBAAA;IkBnPP,8CAAA;IACA,gBA6CC;IA5CD,UAAA;EjBijDF;EiB9iDG;IlB8OM,uBAAA;ECs0CT;EiBpjDG;IlB8OM,sBAAA;EC40CT;EiB1jDG;IlB8OM,uBAAA;ECk1CT;EiBhkDG;IlB8OM,sBAAA;ECw1CT;EiBtkDG;IlB8OM,uBAAA;EC81CT;EiB5kDG;IlB8OM,sBAAA;ECo2CT;EiBllDG;IlB8OM,uBAAA;EC02CT;EiBxlDG;IlB8OM,sBAAA;ECg3CT;EiB9lDG;IlB8OM,uBAAA;ECs3CT;AACF;AGpgDS;EcxGN;IlBqPQ,wBAAA;IkBnPP,wBAAA;IACA,gBAuDC;IAtDD,WAAA;EjBknDF;EiB/mDG;IlB8OM,uBAAA;ECu4CT;EiBrnDG;IlB8OM,sBAAA;EC64CT;EiB3nDG;IlB8OM,uBAAA;ECm5CT;AACF;;AkBrvDA,WAAA;AAGE;EACC,cAAA;EACA,gBAAA;AlBsvDH;AkBpvDG;EACC,cAAA;AlBsvDJ","file":"main.css"} \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss deleted file mode 100644 index a858c3a..0000000 --- a/assets/sass/main.scss +++ /dev/null @@ -1,60 +0,0 @@ -@import 'libs/vars'; -@import 'libs/functions'; -@import 'libs/mixins'; -@import 'libs/vendor'; -@import 'libs/breakpoints'; -@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"); -@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic'); - -/* - Multiverse by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -// Breakpoints. - - @include breakpoints(( - xlarge: ( 1281px, 1680px ), - large: ( 981px, 1280px ), - medium: ( 737px, 980px ), - small: ( 481px, 736px ), - xsmall: ( null, 480px ) - )); - -// Spinner. - - @include keyframes(spinner) { - 0% { - @include vendor('transform', 'rotate(0deg)'); - } - - 100% { - @include vendor('transform', 'rotate(359deg)'); - } - } - -// Base. - - @import 'base/reset'; - @import 'base/page'; - @import 'base/typography'; - -// Component. - - @import 'components/button'; - @import 'components/form'; - @import 'components/icon'; - @import 'components/list'; - @import 'components/actions'; - @import 'components/icons'; - @import 'components/table'; - @import 'components/panel'; - @import 'components/poptrox-popup'; - -// Layout. - - @import 'layout/wrapper'; - @import 'layout/header'; - @import 'layout/main'; - @import 'layout/footer'; \ No newline at end of file diff --git a/assets/sass/noscript.css b/assets/sass/noscript.css deleted file mode 100644 index b0113e4..0000000 --- a/assets/sass/noscript.css +++ /dev/null @@ -1,20 +0,0 @@ -/* - Multiverse by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ -/* Wrapper */ -body.is-preload #wrapper:before { - display: none; -} - -/* Main */ -body.is-preload #main .thumb { - pointer-events: auto; - opacity: 1; -} - -/* Header */ -body.is-preload #header { - transform: none; -}/*# sourceMappingURL=noscript.css.map */ \ No newline at end of file diff --git a/assets/sass/noscript.css.map b/assets/sass/noscript.css.map deleted file mode 100644 index 0d1b125..0000000 --- a/assets/sass/noscript.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["noscript.scss","noscript.css","libs/_vendor.scss"],"names":[],"mappings":"AAMA;;;;CAAA;AAMA,YAAA;AAIG;EACC,aAAA;ACTJ;;ADcA,SAAA;AAIG;EE0VO,oBAAA;EFxVN,UAAA;ACdJ;;ADmBA,WAAA;AAGE;EEmUS,eAAA;ADjVX","file":"noscript.css"} \ No newline at end of file diff --git a/assets/sass/noscript.scss b/assets/sass/noscript.scss deleted file mode 100644 index a1528f1..0000000 --- a/assets/sass/noscript.scss +++ /dev/null @@ -1,40 +0,0 @@ -@import 'libs/vars'; -@import 'libs/functions'; -@import 'libs/mixins'; -@import 'libs/vendor'; -@import 'libs/breakpoints'; - -/* - Multiverse by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Wrapper */ - - #wrapper { - body.is-preload & { - &:before { - display: none; - } - } - } - -/* Main */ - - #main { - body.is-preload & { - .thumb { - @include vendor('pointer-events', 'auto'); - opacity: 1; - } - } - } - -/* Header */ - - #header { - body.is-preload & { - @include vendor('transform', 'none'); - } - } \ No newline at end of file