angouleme: ajustements (#71790) #42

Merged
csechet merged 6 commits from wip/71790-angouleme-ajustements into main 2022-12-09 09:31:33 +01:00
2 changed files with 29 additions and 6 deletions

View File

@ -121,11 +121,31 @@ div#main-content-wrapper {
div#footer{ div#footer{
display:flex; display:flex;
flex-direction: row; 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) { @media ($min-desktop-viewport) {
&::before { &::before {
flex-grow: 0;
margin: 1rem 2rem; margin: 1rem 2rem;
content: url(/assets/footer:logo); content: url(/assets/footer:logo);
} }
@ -134,7 +154,7 @@ div#footer{
%cell-links-list { %cell-links-list {
li > a { li > a {
border-left: 0 solid $orange; border-left: 0 solid $cell-entry-color;
transition: border-width 200ms; transition: border-width 200ms;
&:hover { &:hover {
border-left-width: 5px; border-left-width: 5px;
@ -154,7 +174,7 @@ div#footer{
} }
%cancel-button { %cancel-button {
background: $orange; background: $gray-2;
} }
%title { %title {

View File

@ -1,7 +1,9 @@
$blue: #009CDC; $blue: #009CDC;
$dark-blue: #2382C1; $dark-blue: #2382C1;
$dark-green: #074b5b;
$light-gray: #F6F6F6; $light-gray: #F6F6F6;
$gray: #64777E; $gray: #64777E;
$gray-2: #555454;
$orange: #E34107; $orange: #E34107;
$header-height: 220px; $header-height: 220px;
@ -54,8 +56,8 @@ $cell-border-radius: 0;
$cell-border: none; $cell-border: none;
$cell-background: transparent; $cell-background: transparent;
$cell-entry-border: 1px solid $primary-color; $cell-entry-border: 1px solid $primary-color;
$cell-entry-color: $orange; $cell-entry-color: $dark-green;
$cell-entry-hover-color: $orange; $cell-entry-hover-color: $dark-green;
$cell-entry-hover-background: transparent; $cell-entry-hover-background: transparent;
$cell-open-foldable-icon: "\f0fe"; $cell-open-foldable-icon: "\f0fe";
$cell-close-foldable-icon: "\f146"; $cell-close-foldable-icon: "\f146";
@ -78,3 +80,4 @@ $wcs-step-color: $gray;
$footer-background: $gray; $footer-background: $gray;
$footer-link-color: white; $footer-link-color: white;
$footer-full-width-background: false;