From bd0845cb0e1e62ae29e9974696febff7545ae90d Mon Sep 17 00:00:00 2001 From: Set Hallstrom Date: Fri, 11 Sep 2020 11:28:54 +0200 Subject: [PATCH] remove redundant assets --- _sass/photos/base/_page.scss | 44 --- _sass/photos/base/_reset.scss | 76 ------ _sass/photos/base/_typography.scss | 153 ----------- _sass/photos/components/_actions.scss | 101 ------- _sass/photos/components/_form.scss | 199 -------------- _sass/photos/components/_icon.scss | 17 -- _sass/photos/components/_icons.scss | 28 -- _sass/photos/components/_list.scss | 56 ---- _sass/photos/layout/_footer.scss | 27 -- _sass/photos/layout/_header.scss | 16 -- _sass/photos/layout/_main.scss | 118 -------- _sass/photos/layout/_thumbnails.scss | 75 ----- _sass/photos/layout/_viewer.scss | 267 ------------------ _sass/photos/libs/_breakpoints.scss | 223 --------------- _sass/photos/libs/_functions.scss | 90 ------ _sass/photos/libs/_mixins.scss | 63 ----- _sass/photos/libs/_vars.scss | 45 --- _sass/photos/libs/_vendor.scss | 376 -------------------------- _sass/photos/main.scss | 54 ---- _sass/photos/noscript.scss | 47 ---- 20 files changed, 2075 deletions(-) delete mode 100644 _sass/photos/base/_page.scss delete mode 100644 _sass/photos/base/_reset.scss delete mode 100644 _sass/photos/base/_typography.scss delete mode 100644 _sass/photos/components/_actions.scss delete mode 100644 _sass/photos/components/_form.scss delete mode 100644 _sass/photos/components/_icon.scss delete mode 100644 _sass/photos/components/_icons.scss delete mode 100644 _sass/photos/components/_list.scss delete mode 100644 _sass/photos/layout/_footer.scss delete mode 100644 _sass/photos/layout/_header.scss delete mode 100644 _sass/photos/layout/_main.scss delete mode 100644 _sass/photos/layout/_thumbnails.scss delete mode 100644 _sass/photos/layout/_viewer.scss delete mode 100644 _sass/photos/libs/_breakpoints.scss delete mode 100644 _sass/photos/libs/_functions.scss delete mode 100644 _sass/photos/libs/_mixins.scss delete mode 100644 _sass/photos/libs/_vars.scss delete mode 100644 _sass/photos/libs/_vendor.scss delete mode 100644 _sass/photos/main.scss delete mode 100644 _sass/photos/noscript.scss diff --git a/_sass/photos/base/_page.scss b/_sass/photos/base/_page.scss deleted file mode 100644 index d8b9c55..0000000 --- a/_sass/photos/base/_page.scss +++ /dev/null @@ -1,44 +0,0 @@ -/// -/// Lens 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; - } - */ - - // Ensures page width is always >=320px. - @include breakpoint('<=xsmall') { - html, body { - min-width: 320px; - } - } - - // Stops initial animations until page loads. - body.is-preload-0 { - *, *:before, *:after { - @include vendor('animation', 'none !important'); - @include vendor('transition', 'none !important'); - } - } - - // 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; - } - - html, body { - background-color: _palette(page-bg); - overflow: hidden; - } \ No newline at end of file diff --git a/_sass/photos/base/_reset.scss b/_sass/photos/base/_reset.scss deleted file mode 100644 index 87e186d..0000000 --- a/_sass/photos/base/_reset.scss +++ /dev/null @@ -1,76 +0,0 @@ -/// -/// Lens 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/_sass/photos/base/_typography.scss b/_sass/photos/base/_typography.scss deleted file mode 100644 index 52083af..0000000 --- a/_sass/photos/base/_typography.scss +++ /dev/null @@ -1,153 +0,0 @@ -/// -/// Lens by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Type */ - - html { - font-size: 16pt; - - @include breakpoint('<=xlarge') { - font-size: 12pt; - } - - @include breakpoint('<=large') { - font-size: 11pt; - } - } - - body { - background-color: _palette(bg); - color: _palette(fg); - } - - body, input, select, textarea { - font-family: _font(family); - font-weight: _font(weight); - line-height: 1.65; - font-size: 1em; - color: _palette(fg); - } - - a { - @include vendor('transition', ('color #{_duration(transition)} ease', 'border-bottom-color #{_duration(transition)} ease')); - border-bottom: dotted 1px; - color: inherit; - text-decoration: none; - - &:hover { - border-bottom-color: transparent; - color: _palette(accent); - } - } - - strong, b { - font-weight: _font(weight); - color: _palette(fg-bold); - } - - em, i { - font-style: italic; - } - - p { - margin: 0 0 _size(element-margin) 0; - } - - h1, h2, h3, h4, h5, h6 { - font-weight: _font(weight); - line-height: 1.25; - margin: 0 0 (_size(element-margin) * 0.4) 0; - color: _palette(fg-bold); - - a { - color: inherit; - text-decoration: none; - } - } - - h2 { - font-size: 1.25em; - } - - h3 { - font-size: 1em; - } - - h4 { - font-size: 0.9em; - } - - h5 { - font-size: 0.8em; - } - - 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: solid (_size(border-width) * 4) _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 { - border-radius: _size(border-radius); - border: solid _size(border-width); - font-family: _font(family-fixed); - font-size: 0.9em; - margin: 0 0.25em; - padding: 0.25em 0.65em; - border-color: _palette(border); - } - - pre { - -webkit-overflow-scrolling: touch; - font-family: _font(family-fixed); - font-size: 0.9em; - margin: 0 0 _size(element-margin) 0; - - code { - display: block; - padding: 1em 1.5em; - overflow-x: auto; - } - } - - hr { - border: 0; - border-bottom: solid _size(border-width) _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/_sass/photos/components/_actions.scss b/_sass/photos/components/_actions.scss deleted file mode 100644 index 64a9a7d..0000000 --- a/_sass/photos/components/_actions.scss +++ /dev/null @@ -1,101 +0,0 @@ -/// -/// Lens 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/_sass/photos/components/_form.scss b/_sass/photos/components/_form.scss deleted file mode 100644 index 127b904..0000000 --- a/_sass/photos/components/_form.scss +++ /dev/null @@ -1,199 +0,0 @@ -/// -/// Lens 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; - } - - label { - color: _palette(fg-bold); - display: block; - font-size: 0.9em; - font-weight: _font(weight); - margin: 0 0 (_size(element-margin) * 0.5) 0; - } - - input[type="text"], - input[type="password"], - input[type="email"], - select, - textarea { - @include vendor('appearance', 'none'); - background-color: transparent; - border-radius: _size(border-radius); - border: solid _size(border-width) _palette(border); - color: inherit; - display: block; - outline: 0; - padding: 0 0.75em; - text-decoration: none; - width: 100%; - - &:invalid { - box-shadow: none; - } - - &:focus { - border-color: _palette(accent); - } - } - - 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; - } - } - - - .select-wrapper { - @include icon; - display: block; - position: relative; - - &:before { - color: _palette(border); - content: '\f107'; - display: block; - height: _size(element-height); - line-height: _size(element-height); - pointer-events: none; - position: absolute; - right: 0; - text-align: center; - top: 0; - width: _size(element-height); - } - - select::-ms-expand { - display: none; - } - } - - input[type="text"], - input[type="password"], - input[type="email"], - 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; - color: _palette(fg); - cursor: pointer; - display: inline-block; - font-size: 1em; - font-weight: _font(weight); - margin: 0; - padding-left: (_size(element-height) * 0.6) + 0.75em; - padding-right: 0.75em; - position: relative; - - &:before { - background: transparent; - border-radius: _size(border-radius); - border: solid _size(border-width) _palette(border); - content: ''; - display: inline-block; - height: (_size(element-height) * 0.6); - left: 0; - line-height: (_size(element-height) * 0.575); - position: absolute; - text-align: center; - top: 0; - width: (_size(element-height) * 0.6); - } - } - - &:checked + label { - &:before { - background-color: _palette(fg-bold); - border-color: _palette(fg-bold); - color: _palette(bg); - content: '\f00c'; - } - } - - &:focus + label { - &:before { - border-color: _palette(accent); - } - } - } - - input[type="checkbox"] { - & + label { - &:before { - border-radius: _size(border-radius); - } - } - } - - input[type="radio"] { - & + label { - &:before { - border-radius: 100%; - } - } - } - - ::-webkit-input-placeholder { - opacity: 1.0; - color: _palette(fg-light) !important; - } - - :-moz-placeholder { - opacity: 1.0; - color: _palette(fg-light) !important; - } - - ::-moz-placeholder { - opacity: 1.0; - color: _palette(fg-light) !important; - } - - :-ms-input-placeholder { - opacity: 1.0; - color: _palette(fg-light) !important; - } - - .field { - margin: 0 0 _size(element-margin) 0; - } \ No newline at end of file diff --git a/_sass/photos/components/_icon.scss b/_sass/photos/components/_icon.scss deleted file mode 100644 index cd4bb77..0000000 --- a/_sass/photos/components/_icon.scss +++ /dev/null @@ -1,17 +0,0 @@ -/// -/// Lens 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; - } - } \ No newline at end of file diff --git a/_sass/photos/components/_icons.scss b/_sass/photos/components/_icons.scss deleted file mode 100644 index a6d7ae5..0000000 --- a/_sass/photos/components/_icons.scss +++ /dev/null @@ -1,28 +0,0 @@ -/// -/// Lens 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 { - &:before { - font-size: 1.5rem; - } - } - } - } \ No newline at end of file diff --git a/_sass/photos/components/_list.scss b/_sass/photos/components/_list.scss deleted file mode 100644 index 821dbb4..0000000 --- a/_sass/photos/components/_list.scss +++ /dev/null @@ -1,56 +0,0 @@ -/// -/// Lens 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 _size(border-width) _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); - margin: 0 0 (_size(element-margin) * 0.5) 0; - } - - dd { - margin-left: _size(element-margin); - } - } \ No newline at end of file diff --git a/_sass/photos/layout/_footer.scss b/_sass/photos/layout/_footer.scss deleted file mode 100644 index 8ada758..0000000 --- a/_sass/photos/layout/_footer.scss +++ /dev/null @@ -1,27 +0,0 @@ -/// -/// Lens by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Footer */ - - #footer { - @include padding(2.25em, 2.25em); - - .copyright { - list-style: none; - padding: 0; - - li { - display: inline-block; - font-size: 0.8em; - margin-left: 0.35em; - padding: 0; - - &:first-child { - margin-left: 0; - } - } - } - } \ No newline at end of file diff --git a/_sass/photos/layout/_header.scss b/_sass/photos/layout/_header.scss deleted file mode 100644 index d0987bd..0000000 --- a/_sass/photos/layout/_header.scss +++ /dev/null @@ -1,16 +0,0 @@ -/// -/// Lens by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Header */ - - #header { - @include padding(3em, 2.25em); - - h1 { - font-size: 2.25em; - font-weight: _font(weight-bold); - } - } \ No newline at end of file diff --git a/_sass/photos/layout/_main.scss b/_sass/photos/layout/_main.scss deleted file mode 100644 index 07d49c7..0000000 --- a/_sass/photos/layout/_main.scss +++ /dev/null @@ -1,118 +0,0 @@ -/// -/// Lens 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', ('opacity #{_duration(layout)} ease', 'right #{_duration(layout)} ease', 'left #{_duration(layout)} ease', 'visibility #{_duration(layout)}')); - -webkit-overflow-scrolling: touch; - position: fixed; - top: 0; - width: _size(main); - height: 100%; - background: _palette(bg); - outline: 0; - overflow-x: hidden; - overflow-y: auto; - text-align: _misc(main-align); - visibility: visible; - z-index: _misc(z-index-base); - - @if _misc(main-side) == 'left' { - left: 0; - } - @else { - right: 0; - } - - .toggle { - -webkit-tap-highlight-color: rgba(0,0,0,0); - position: absolute; - top: 0; - width: 4em; - height: 4em; - background-image: url('images/close-small-alt.svg'); - background-repeat: no-repeat; - background-size: 32px 32px; - cursor: pointer; - display: none; - z-index: 1; - - @if _misc(main-side) == 'left' { - background-position: calc(100% - 0.5em) 0.5em; - right: 0; - } - @else { - background-position: 0.5em 0.5em; - left: 0; - } - } - - body.fullscreen & { - visibility: hidden; - - @if _misc(main-side) == 'left' { - left: (_size(main) * -1); - } - @else { - right: (_size(main) * -1); - } - } - - body.is-preload-1 & { - opacity: 0; - - @if _misc(main-side) == 'left' { - left: -2em; - } - @else { - right: -2em; - } - } - - @include breakpoint('<=large') { - width: _size(main-alt); - - body.fullscreen & { - @if _misc(main-side) == 'left' { - left: (_size(main-alt) * -1); - } - @else { - right: (_size(main-alt) * -1); - } - } - } - - @include breakpoint('<=medium') { - background: transparentize(_palette(bg), 0.075); - - .toggle { - display: block; - } - } - - @include breakpoint('<=xsmall') { - @include vendor('transition', ('opacity #{_duration(layout-alt)} ease', 'visibility #{_duration(layout-alt)}')); - width: 100%; - background: _palette(bg); - text-align: center; - - body.is-preload-1 & { - left: auto !important; - right: auto !important; - } - - body.fullscreen & { - left: auto !important; - right: auto !important; - opacity: 0; - } - - .toggle { - display: none; - } - } - } \ No newline at end of file diff --git a/_sass/photos/layout/_thumbnails.scss b/_sass/photos/layout/_thumbnails.scss deleted file mode 100644 index e6a9c41..0000000 --- a/_sass/photos/layout/_thumbnails.scss +++ /dev/null @@ -1,75 +0,0 @@ -/// -/// Lens by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Thumbnails */ - - #thumbnails { - @include vendor('display', 'flex'); - @include vendor('flex-wrap', 'wrap'); - padding: 0 0.75em; - - article { - position: relative; - width: #{100% / _misc(thumbnails-per-row)}; - background: #101010; - outline: 0; - - .thumbnail { - -webkit-tap-highlight-color: rgba(0,0,0,0); - display: block; - position: relative; - border: 0; - outline: 0; - - img { - display: block; - width: 100%; - } - - &:before { - @include vendor('pointer-events', 'none'); - @include vendor('transition', 'opacity 0.25s ease'); - content: ''; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - box-shadow: inset 0 0 0 2px _palette(accent), inset 0 0 0px 3px rgba(0,0,0,0.15); - opacity: 0; - z-index: 1; - } - - &:focus { - &:before { - opacity: 0.5; - } - } - } - - h2, p { - display: none; - } - - &.active { - .thumbnail { - &:before { - opacity: 1; - } - } - } - } - - @include breakpoint('<=xsmall') { - article { - .thumbnail { - &:before { - display: none; - } - } - } - } - } \ No newline at end of file diff --git a/_sass/photos/layout/_viewer.scss b/_sass/photos/layout/_viewer.scss deleted file mode 100644 index f40f07e..0000000 --- a/_sass/photos/layout/_viewer.scss +++ /dev/null @@ -1,267 +0,0 @@ -/// -/// Lens by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Viewer */ - - @include keyframes(spinner) { - 0% { - @include vendor('transform', 'rotate(0deg)'); - } - - 100% { - @include vendor('transform', 'rotate(360deg)'); - } - } - - #viewer { - @include vendor('transition', ('opacity #{_duration(layout)} ease', 'width #{_duration(layout)} ease')); - position: absolute; - top: 0; - width: calc(100% - #{_size(main)}); - height: 100%; - - @if _misc(main-side) == 'left' { - right: 0; - } - @else { - left: 0; - } - - .inner { - @include vendor('pointer-events', 'none'); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2; - - > * { - @include vendor('pointer-events', 'auto'); - } - - &:before { - @include vendor('background-image', ( - 'linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))', - 'linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))' - )); - content: ''; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - - .toggle { - -webkit-tap-highlight-color: rgba(0,0,0,0); - position: absolute; - top: 0; - width: 4em; - height: 4em; - background-image: url('images/close.svg'); - background-repeat: no-repeat; - background-size: 64px 64px; - cursor: pointer; - z-index: 1; - - @if _misc(main-side) == 'left' { - left: 0; - background-position: 0.75em 0.75em; - } - @else { - right: 0; - background-position: calc(100% - 0.75em) 0.75em; - } - } - - .nav-next, - .nav-previous { - -webkit-tap-highlight-color: rgba(0,0,0,0); - position: absolute; - top: 50%; - width: 6em; - height: 6em; - margin-top: -3em; - background-image: url('images/arrow.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - cursor: pointer; - } - - .nav-previous { - @include vendor('transform', 'scaleX(-1)'); - left: 0; - } - - .nav-next { - right: 0; - } - } - - .slide { - @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 1; - z-index: 1; - - .caption { - @include vendor('background-image', ( - 'linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0))', - )); - @include padding(2em, 2em); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - color: rgba(255,255,255,0.5); - z-index: 1; - - h2, h3, h4, h5, h6 { - color: #fff; - } - } - - .image { - @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-repeat: no-repeat; - background-size: contain; - opacity: 0; - } - - &:before { - @include vendor('animation', 'spinner #{_duration(spinner)} linear infinite'); - @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); - content: ''; - display: block; - position: absolute; - top: 50%; - left: 50%; - width: 3em; - height: 3em; - background-image: url('images/spinner.svg'); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - margin: -1.5em 0 0 -1.5em; - opacity: 0; - } - - &.loading { - &:before { - opacity: 1; - } - } - - &.active { - .image { - opacity: 1; - } - } - } - - body.fullscreen & { - width: 100%; - - .inner { - .toggle { - background-image: url('images/open.svg'); - } - } - } - - body.is-preload-1 & { - opacity: 0; - } - - body.is-preload-2 & { - .slide { - opacity: 0; - } - } - - @include breakpoint('<=large') { - width: calc(100% - #{_size(main-alt)}); - } - - @include breakpoint('<=medium') { - width: 100%; - - .inner { - .toggle { - @include vendor('transition', 'opacity #{_duration(layout)} ease'); - background-image: url('images/open.svg'); - opacity: 0; - - @if _misc(main-side) == 'left' { - left: 0; - } - @else { - right: 0; - } - } - } - - body.fullscreen & { - .inner { - .toggle { - opacity: 1; - } - } - } - } - - @include breakpoint('<=small') { - .inner { - .toggle { - background-size: 32px 32px; - } - - .nav-next, - .nav-previous { - background-image: url('images/arrow-small.svg'); - background-size: 32px 32px; - } - } - - body.fullscreen & { - .inner { - .toggle { - background-image: url('images/open-small.svg'); - } - } - } - } - - @include breakpoint('<=xsmall') { - @include vendor('transition', ('opacity #{_duration(layout-alt)} ease')); - @include vendor('transition-delay', '0s'); - opacity: 0; - - .inner { - .toggle { - background-image: url('images/close-small.svg') !important; - background-size: 32px 32px; - } - } - - body.fullscreen & { - @include vendor('transition-delay', '#{_duration(layout-alt)}'); - opacity: 1; - } - } - } \ No newline at end of file diff --git a/_sass/photos/libs/_breakpoints.scss b/_sass/photos/libs/_breakpoints.scss deleted file mode 100644 index c5301d8..0000000 --- a/_sass/photos/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/_sass/photos/libs/_functions.scss b/_sass/photos/libs/_functions.scss deleted file mode 100644 index f563aab..0000000 --- a/_sass/photos/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/_sass/photos/libs/_mixins.scss b/_sass/photos/libs/_mixins.scss deleted file mode 100644 index 2fc1bda..0000000 --- a/_sass/photos/libs/_mixins.scss +++ /dev/null @@ -1,63 +0,0 @@ -/// Makes an element's :before pseudoelement a FontAwesome icon. -/// @param {string} $content Optional content value to use. -/// @param {string} $where Optional pseudoelement to target (before or after). -@mixin icon($content: false, $where: before) { - - text-decoration: none; - - &:#{$where} { - - @if $content { - content: $content; - } - - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - - } - -} - -/// 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/_sass/photos/libs/_vars.scss b/_sass/photos/libs/_vars.scss deleted file mode 100644 index 9f16caa..0000000 --- a/_sass/photos/libs/_vars.scss +++ /dev/null @@ -1,45 +0,0 @@ -// Misc. - $misc: ( - z-index-base: 10000, - main-side: right, - main-align: right, - thumbnails-per-row: 2 - ); - -// Duration. - $duration: ( - transition: 0.25s, - layout: 0.75s, - layout-alt: 0.5s, - slide: 0.5s, - spinner: 1s - ); - -// Size. - $size: ( - border-radius: 4px, - border-width: 1px, - element-height: 2.75em, - element-margin: 1.25em, - main: 22.5em, - main-alt: 19em - ); - -// Font. - $font: ( - family: ('avant', 'Roboto', Helvetica, sans-serif), - family-fixed: ('Courier New', monospace), - weight: 400, - weight-bold: 700 - ); - -// Palette. - $palette: ( - page-bg: #101010, - bg: rgb(51, 51, 51), - fg: rgb(224, 224, 224), - fg-bold: rgb(224, 224, 224), - fg-light: #ccc, - border: #ccc, - accent: #00D3B7 - ); \ No newline at end of file diff --git a/_sass/photos/libs/_vendor.scss b/_sass/photos/libs/_vendor.scss deleted file mode 100644 index 6599a3f..0000000 --- a/_sass/photos/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/_sass/photos/main.scss b/_sass/photos/main.scss deleted file mode 100644 index 2c02b48..0000000 --- a/_sass/photos/main.scss +++ /dev/null @@ -1,54 +0,0 @@ -@import 'libs/vars'; -@import 'libs/functions'; -@import 'libs/mixins'; -@import 'libs/vendor'; -@import 'libs/breakpoints'; -@import 'font-awesome.min.css'; - -@font-face { - font-family: avant; - src: url('../fonts/free_avantgarde.woff'); -} -@font-face { - font-family: avantB; - src: url('../fonts/free_avantgardeBOLD.woff'); -} - -/* - Lens 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 ) - )); - -// 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'; - -// Layout. - - @import 'layout/main'; - @import 'layout/header'; - @import 'layout/footer'; - @import 'layout/thumbnails'; - @import 'layout/viewer'; \ No newline at end of file diff --git a/_sass/photos/noscript.scss b/_sass/photos/noscript.scss deleted file mode 100644 index 7f8a5f6..0000000 --- a/_sass/photos/noscript.scss +++ /dev/null @@ -1,47 +0,0 @@ -@import 'libs/vars'; -@import 'libs/functions'; -@import 'libs/mixins'; -@import 'libs/vendor'; -@import 'libs/breakpoints'; - -/* - Lens by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Main */ - - #main { - opacity: 1 !important; - - @if _misc(main-side) == 'left' { - left: 0 !important; - } - @else { - right: 0 !important; - } - } - - body:before { - content: 'Javascript is disabled :('; - display: block; - position: absolute; - top: 50%; - width: calc(100% - #{_size(main)} * 0.333333333); - height: 4em; - margin-top: -2em; - color: mix(_palette(page-bg), #fff, 90%); - cursor: default; - font-size: 3em; - line-height: 4em; - text-align: center; - white-space: nowrap; - - @if _misc(main-side) == 'left' { - right: 0; - } - @else { - left: 0; - } - } \ No newline at end of file