1 files changed, 0 insertions, 109 deletions

diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
deleted file mode 100644
index d0a255e..0000000
--- a/assets/css/components/_nav.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-@include namespace('nav') {
-    @include store((
-        --dims: (
-            --font-size: 15px,
-            --pad-x:     2.5rem,
-            --item: (
-                --pad-x: 1rem,
-            ),
-        ),
-        --colors: (
-            --bg: prop(--colors --bg-hi, $global: true),
-            --logo: (
-                --idle: (
-                    --fg: prop(--colors --accent --color, $global: true),
-                ),
-                --hover: (
-                    --fg: prop(--colors --fg-lo, $global: true),
-                )
-            ),
-            --item: (
-                --idle: (
-                    --fg: prop(--colors --fg, $global: true),
-                ),
-                --hover: (
-                    --fg: prop(--colors --fg-lo, $global: true),
-                ),
-                --active: (
-                    --fg: prop(--colors --fg-lo, $global: true),
-                )
-            )
-        )
-    ));
-
-    @include store((
-        --dims: (
-            --pad-x: prop(--container --dims --pad-x, $global: true),
-        )
-    ), 'md');
-
-    @include store((
-        --dims: (
-            --item: (
-                --pad-x: .75em,
-            ),
-        )
-    ), 'sm');
-
-    @include component(namespace()) {
-        display:          flex;
-        position:         fixed;
-        z-index:          10000;
-        top:              0;
-        left:             0;
-        height:           prop(--dims --outer, $global: true);
-        padding:          0 prop(--dims --pad-x);
-        background-color: prop(--colors --bg);
-        font-size:        prop(--dims --font-size);
-
-        @include element('logo', 'item') {
-            display:     flex;
-            align-items: center;
-            height:      100%;
-        }
-
-        @include element('logo') {
-            color:           prop(--colors --logo --idle --fg);
-            font-family:     $font-fam--mono;
-            text-decoration: none;
-
-            &:link,
-            &:visited {
-                &:hover {
-                    background-color: transparent;
-                    color:            prop(--colors --logo --hover --fg);
-                }
-            }
-        }
-
-        @include element('logo-symbol') {
-            display: block;
-            width:   $line-height * .9em;
-            height:  $line-height * 1em;
-        }
-
-        @include element('item') {
-            margin:          0 calc(-1 * #{prop(--dims --item --pad-x)}) 0 prop(--dims --item --pad-x);
-            padding:         0 prop(--dims --item --pad-x);
-            color:           prop(--colors --item --idle --fg);
-            text-decoration: none;
-            text-transform:  uppercase;
-
-            &:hover {
-                background-color: transparent;
-                color:            prop(--colors --item --hover --fg);
-                text-decoration:  underline;
-            }
-
-            @include modifier('active') {
-                border-color: prop(--colors --item --active --fg);
-                color:        prop(--colors --item --active --fg);
-                font-weight:  bold;
-            }
-        }
-
-        @include media('<=md') {
-            width: 100%;
-        }
-    }
-}