diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss index a62a75f..df145e9 100644 --- a/assets/sass/libs/_vars.scss +++ b/assets/sass/libs/_vars.scss @@ -46,7 +46,8 @@ $palette: ( accent2: #272833, accent2-transparent:rgba(39, 40, 51, 0.965), accent1: #E64F2D, - accent4: #D74126 + accent4: #D74126, + nav-accent: rgb(230, 79, 45), ); //pictures startpage diff --git a/assets/sass/parts/_banner.scss b/assets/sass/parts/_banner.scss index 5edffbd..e3e8b6b 100644 --- a/assets/sass/parts/_banner.scss +++ b/assets/sass/parts/_banner.scss @@ -95,7 +95,7 @@ } .image { - border-radius: 0%; + border-radius: 0; display: inline-block; height: 18em; margin-left: 3em; @@ -112,7 +112,7 @@ } img { - border-radius: 0%; + border-radius: 0; display: block; width: 100%; } diff --git a/assets/sass/parts/_button.scss b/assets/sass/parts/_button.scss index 760fd85..e12b78e 100644 --- a/assets/sass/parts/_button.scss +++ b/assets/sass/parts/_button.scss @@ -67,6 +67,20 @@ input[type="button"], } } + &.nav { + background-color: _palette(nav-accent); + box-shadow: none; + color: _palette(fg-bold) !important; + + &:hover { + background-color: lighten(_palette(nav-accent), 5); + } + + &:active { + background-color: darken(_palette(nav-accent), 5); + } + } + &.disabled, &:disabled { background-color: _palette(border) !important; diff --git a/assets/sass/parts/_icon.scss b/assets/sass/parts/_icon.scss index f7b88f4..50931f2 100644 --- a/assets/sass/parts/_icon.scss +++ b/assets/sass/parts/_icon.scss @@ -15,7 +15,7 @@ &.major { background: _palette(accent2); - border-radius: 0%; + border-radius: 100%; cursor: default; display: inline-block; height: 6em; diff --git a/assets/sass/parts/_image.scss b/assets/sass/parts/_image.scss index 52a2a12..aa83037 100644 --- a/assets/sass/parts/_image.scss +++ b/assets/sass/parts/_image.scss @@ -58,6 +58,9 @@ } &.lightgallery { width: 33%; + height: 200pt; + object-fit: cover; + @include breakpoint(tablet) { width: 49%; }