diff --git a/static/angouleme/_custom.scss b/static/angouleme/_custom.scss index dbe7d6b0..3dad1f69 100644 --- a/static/angouleme/_custom.scss +++ b/static/angouleme/_custom.scss @@ -121,11 +121,31 @@ div#main-content-wrapper { div#footer{ display:flex; flex-direction: row; - a { - text-decoration: underline; + + > * { + flex-grow: 1; } + + a { + text-decoration: none; + } + + hr { + margin: 2rem 0; + width: 100%; + height: 1px; + border: none; + background: white; + } + + .ang-footer-logo-list { + display: flex; + justify-content: space-evenly; + } + @media ($min-desktop-viewport) { &::before { + flex-grow: 0; margin: 1rem 2rem; content: url(/assets/footer:logo); } @@ -134,7 +154,7 @@ div#footer{ %cell-links-list { li > a { - border-left: 0 solid $orange; + border-left: 0 solid $cell-entry-color; transition: border-width 200ms; &:hover { border-left-width: 5px; @@ -154,7 +174,7 @@ div#footer{ } %cancel-button { - background: $orange; + background: $gray-2; } %title { diff --git a/static/angouleme/_vars.scss b/static/angouleme/_vars.scss index 85e81f2e..2e7aa017 100644 --- a/static/angouleme/_vars.scss +++ b/static/angouleme/_vars.scss @@ -1,7 +1,9 @@ $blue: #009CDC; $dark-blue: #2382C1; +$dark-green: #074b5b; $light-gray: #F6F6F6; $gray: #64777E; +$gray-2: #555454; $orange: #E34107; $header-height: 220px; @@ -54,8 +56,8 @@ $cell-border-radius: 0; $cell-border: none; $cell-background: transparent; $cell-entry-border: 1px solid $primary-color; -$cell-entry-color: $orange; -$cell-entry-hover-color: $orange; +$cell-entry-color: $dark-green; +$cell-entry-hover-color: $dark-green; $cell-entry-hover-background: transparent; $cell-open-foldable-icon: "\f0fe"; $cell-close-foldable-icon: "\f146"; @@ -78,3 +80,4 @@ $wcs-step-color: $gray; $footer-background: $gray; $footer-link-color: white; +$footer-full-width-background: false;