aboutsummaryrefslogtreecommitdiffstats
path: root/stylesheets/base/base.scss
diff options
context:
space:
mode:
authorBryan Brattlof <bryanbrattlof@gmail.com>2018-11-17 15:12:39 -0600
committerBryan Brattlof <bryanbrattlof@gmail.com>2018-11-17 15:17:09 -0600
commit5cf983fa6d1d4db6cfa29226f89271d32e20663c (patch)
tree2cf736ef1e598976d64f8c42fcad4a44896aff02 /stylesheets/base/base.scss
parent3bb8c7bda986614e39defa75a26244342e656d1f (diff)
downloadbryanbrattlof.com-5cf983fa6d1d4db6cfa29226f89271d32e20663c.tar.gz
bryanbrattlof.com-5cf983fa6d1d4db6cfa29226f89271d32e20663c.tar.bz2
add nav-bar to base template
* Added a basic nav-bar to base.html and inserted the styling to base.scss
Diffstat (limited to 'stylesheets/base/base.scss')
-rw-r--r--stylesheets/base/base.scss43
1 files changed, 42 insertions, 1 deletions
diff --git a/stylesheets/base/base.scss b/stylesheets/base/base.scss
index 6f14a58..3675ec0 100644
--- a/stylesheets/base/base.scss
+++ b/stylesheets/base/base.scss
@@ -9,5 +9,46 @@ body {
line-height: 2;
min-height: 100%;
padding: 0;
- margin: 0 20px;
+ margin: 20px 20px 0;
+}
+
+nav {
+ margin: auto;
+ max-width: $max-page-width;
+
+ border-bottom: 1px solid rgb(180,180,180);
+ text-align: center;
+
+ img {
+ @include img;
+ margin: 0;
+ max-width: 200px;
+ vertical-align: middle;
+ }
+
+ ul {
+ @include ul;
+ }
+
+ li {
+ @include li;
+ padding-left: 20px;
+
+ &:first-child {
+ padding-left: 0;
+ }
+ }
+
+ a {
+ @include a;
+ }
+
+ @include breakpoint-min(450px) {
+ border-bottom: none;
+ text-align: left;
+
+ ul {
+ float: right;
+ }
+ }
}