diff --git a/src/assets/scss/global/_branding.scss b/src/assets/scss/global/_branding.scss index e39be04..0c996e5 100644 --- a/src/assets/scss/global/_branding.scss +++ b/src/assets/scss/global/_branding.scss @@ -24,8 +24,6 @@ } &.eu{ &::before { - max-width: 15rem; -// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg'); background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg'); } } diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index e9d7d79..662264e 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -163,12 +163,13 @@ main { main { @include xy-grid; article{ - // text-align:center; @include card-container(); @include breakpoint(small){ @include xy-cell(); + font-size: $global-font-size*0.7; } @include breakpoint(medium){ + font-size: $global-font-size*1; } @include breakpoint(large){ } @@ -249,11 +250,12 @@ main { @include xy-grid(); .slide { @include xy-grid; + justify-content: center; @include breakpoint(small){ width: 100vw; margin: 0; + padding: $global-padding * 3; .textwidget { - padding: $global-padding * 3; } } @include breakpoint(medium){ diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss index 1b71e3e..4f9dd70 100644 --- a/src/assets/scss/modules/_footer.scss +++ b/src/assets/scss/modules/_footer.scss @@ -31,9 +31,19 @@ footer { } &.eu { &::before { - margin-top:unset; - max-width:100%; - max-height: 4rem; + @include breakpoint(small) { + // background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg'); + background-position-x: right; + max-width: 50vw; + margin-top:unset; + } + @include breakpoint(medium) { + background-position-x: left; + margin-top:unset; + max-width:100%; + max-height: 4rem; + } + } } } @@ -76,4 +86,3 @@ footer { } } } - diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index 9d961d5..b4f79f2 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -10,14 +10,14 @@ min-width: 14rem; text-align: center; } - @include breakpoint(medium){ + @include breakpoint(large){ @include xy-cell(shrink); @include flex-align(left, middle); text-align: unset; } } nav { - @include breakpoint(small){ + @include breakpoint(small) { @include xy-cell(12); @include flex; @include flex-align(center, middle); @@ -32,17 +32,23 @@ padding: 0; font-size: 0.8rem; } + .menu a { + padding: $global-padding*0.7 $global-padding*0.5; + } } - @include breakpoint(medium){ + @include breakpoint(medium) { + menu { + font-size: $global-font-size*1.5; + } + } + @include breakpoint(large) { @include xy-cell(auto); @include flex; @include flex-align(right, middle); menu { margin: inherit; padding: inherit; - font-size: $global-font-size*1.5; } } } } -