diff --git a/assets/css/_core/_font.scss b/assets/css/_core/_font.scss deleted file mode 100644 index 397038e..0000000 --- a/assets/css/_core/_font.scss +++ /dev/null @@ -1,6 +0,0 @@ -@font-face { - font-family: HelveticaNow; - src: url('/fonts/HelveticaNowText-Regular.woff') format('woff'); - font-weight: 400; - font-style: normal; -} diff --git a/assets/css/_core/_mixins.scss b/assets/css/_core/_mixins.scss deleted file mode 100644 index d818128..0000000 --- a/assets/css/_core/_mixins.scss +++ /dev/null @@ -1,28 +0,0 @@ -$breakpoints: ( - 'mobile': 375px, - 'tablet': 768px, - 'laptop': 1024px, - 'desktop': 1440px -) !default; - -// Breakpoints - -@mixin min-width($breakpoint) { - @if map-has-key($breakpoints, $breakpoint) { - @media (min-width: map-get($breakpoints, $breakpoint)) { - @content; - } - } @else { - @error "Unfortunately, no value could be retrieved from `#{$breakpoint}`. " + "Available breakpoints are: #{map-keys($breakpoints)}."; - } -} - -@mixin max-width($breakpoint) { - @if map-has-key($breakpoints, $breakpoint) { - @media (max-width: (map-get($breakpoints, $breakpoint) - 1px)) { - @content; - } - } @else { - @error "Unfortunately, no value could be retrieved from `#{$breakpoint}`. " + "Available breakpoints are: #{map-keys($breakpoints)}."; - } -} diff --git a/assets/css/_core/_reset.scss b/assets/css/_core/_reset.scss deleted file mode 100644 index 0de3854..0000000 --- a/assets/css/_core/_reset.scss +++ /dev/null @@ -1,103 +0,0 @@ -/*** - The new CSS reset - version 1.8.4 (last updated 14.2.2023) - GitHub page: https://github.com/elad2412/the-new-css-reset -***/ - -/* - Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - - The "symbol *" part is to solve Firefox SVG sprite bug - */ -*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { - all: unset; - display: revert; -} - -/* Preferred box-sizing value */ -*, -*::before, -*::after { - box-sizing: border-box; -} - -/* Reapply the pointer cursor for anchor tags */ -a, -button { - cursor: revert; -} - -/* Remove list styles (bullets/numbers) */ -ol, -ul, -menu { - list-style: none; -} - -/* For images to not be able to exceed their container */ -img { - max-inline-size: 100%; - max-block-size: 100%; -} - -/* removes spacing between cells in tables */ -table { - border-collapse: collapse; -} - -/* Safari - solving issue when using user-select:none on the text input doesn't working */ -input, -textarea { - -webkit-user-select: auto; -} - -/* revert the 'white-space' property for textarea elements on Safari */ -textarea { - white-space: revert; -} - -/* minimum style to allow to style meter element */ -meter { - -webkit-appearance: revert; - appearance: revert; -} - -/* preformatted text - use only for this feature */ -:where(pre) { - all: revert; -} - -/* reset default text opacity of input placeholder */ -::placeholder { - color: unset; -} - -/* remove default dot (•) sign */ -::marker { - content: initial; -} - -/* fix the feature of 'hidden' attribute. - display:revert; revert to element instead of attribute */ -:where([hidden]) { - display: none; -} - -/* revert for bug in Chromium browsers - - fix for the content editable attribute will work properly. - - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ -:where([contenteditable]:not([contenteditable='false'])) { - -moz-user-modify: read-write; - -webkit-user-modify: read-write; - overflow-wrap: break-word; - -webkit-line-break: after-white-space; - -webkit-user-select: auto; -} - -/* apply back the draggable feature - exist only in Chromium and Safari */ -:where([draggable='true']) { - -webkit-user-drag: element; -} - -/* Revert Modal native behavior */ -:where(dialog:modal) { - all: revert; -} diff --git a/assets/css/_core/_typography.scss b/assets/css/_core/_typography.scss deleted file mode 100644 index 00d5d55..0000000 --- a/assets/css/_core/_typography.scss +++ /dev/null @@ -1,14 +0,0 @@ -@import 'mixins'; - -body { - line-height: 1.2; - font-size: 16px; - font-family: HelveticaNow, helvetica, arial, sans-serif; - - @include min-width('tablet') { - font-size: 18px; - } - @include min-width('laptop') { - font-size: 19px; - } -} diff --git a/assets/css/_partial/_nav.scss b/assets/css/_partial/_nav.scss deleted file mode 100644 index 6b4d1c3..0000000 --- a/assets/css/_partial/_nav.scss +++ /dev/null @@ -1,44 +0,0 @@ -@import '../_core/mixins'; -$tablet: map-get($breakpoints, 'tablet') - 1; - -nav { - display: flex; - justify-content: space-between; - align-items: center; - - width: 100%; - height: var(--nav-height); - padding: 0 var(--space-standard); - - position: fixed; - bottom: 0; - background: white; - - z-index: var(--z-nav); - - // Maintain functionality while container is locked - pointer-events: all; -} - -.num { - width: 0.625em; - display: inline-block; - text-align: center; -} - -.current { - font-style: italic; - text-decoration: underline; -} - -@media (max-width: $tablet), (hover: none) { - nav { - top: 0; - position: sticky; - } - - .index, - .threshold { - display: none; - } -} diff --git a/assets/css/_partial/_stage.scss b/assets/css/_partial/_stage.scss deleted file mode 100644 index ef53850..0000000 --- a/assets/css/_partial/_stage.scss +++ /dev/null @@ -1,22 +0,0 @@ -.stage { - position: relative; - overflow: hidden; - width: 100vw; - height: calc(var(--window-height) - var(--nav-height)); - - cursor: pointer; - - img { - position: absolute; - top: 0; - left: 0; - - width: 100vw; - height: var(--window-height); - object-fit: contain; - - transform: scale(0.6); - opacity: 0; - pointer-events: none; - } -} diff --git a/assets/css/_partial/_stageNav.scss b/assets/css/_partial/_stageNav.scss deleted file mode 100644 index c347049..0000000 --- a/assets/css/_partial/_stageNav.scss +++ /dev/null @@ -1,21 +0,0 @@ -.navOverlay { - position: fixed; - top: 0; - left: 0; - z-index: var(--z-nav-gallery); - - width: 100vw; - height: calc(var(--window-height) - var(--nav-height)); - - display: flex; - cursor: none; - - &:not(.active) { - pointer-events: none; - display: none; - } - - .overlay { - flex: 1; - } -}