From 4bf5e731796fc51ab08197806d31719970d5371c Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Sat, 19 Nov 2022 22:26:16 -0500 Subject: [PATCH] Added some styles and a navbar --- .gitignore | 5 ++++- assets/sass/darkmeyer.sass | 38 ++++++++++++++++++++++++++++++++++++++ views/layout.twig | 12 ++++++++++++ 3 files changed, 54 insertions(+), 1 deletion(-) create mode 100644 assets/sass/darkmeyer.sass diff --git a/.gitignore b/.gitignore index 66c4b0d..425c930 100644 --- a/.gitignore +++ b/.gitignore @@ -5,8 +5,11 @@ vendor/ node_modules/ # Compiled CSS and JS -public/css/ +public/styles/ public/js/ +# SASS compilation cache +.sass-cache/ + # PHP CodeSniffer cache .phpcs-cache diff --git a/assets/sass/darkmeyer.sass b/assets/sass/darkmeyer.sass new file mode 100644 index 0000000..b7ad452 --- /dev/null +++ b/assets/sass/darkmeyer.sass @@ -0,0 +1,38 @@ +$primary-color: yellow +$primary-color-highlight: darken($primary-color, 10%) + +$box-shadow-1: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) +$box-shadow-2: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) + +body + background: lightgrey + +#main-nav + position: fixed + top: 0 + left: 0 + width: 100% + height: 60px + background: #212121 + color: #eee + font-size: 2.75rem + box-shadow: $box-shadow-1 + + .nav-left + float: left + + .nav-menu + list-style: none + padding-left: 15px + + li + display: inline-block + margin-top: 6px + margin-left: 15px + + .nav-link a + color: $primary-color + transition: all 230ms ease-in-out + + &:hover + color: $primary-color-highlight diff --git a/views/layout.twig b/views/layout.twig index c17c7c0..277896a 100644 --- a/views/layout.twig +++ b/views/layout.twig @@ -6,9 +6,21 @@ {% block title %}{% endblock %} | Goliath + + + {% block content %}{% endblock %} \ No newline at end of file