entrouvert
/
imio-publik-themes
22
1
Fork 0
Code Issues Pull Requests Releases Activity

Fix logo on mobile
gitea/imio-publik-themes/pipeline/head This commit looks good Details 

Use proper position technique (avoid previously used negative margin hack) to position the logo, that was applied on all resolutions. And use top / left cursors with positive pixels values as it is done everywhere else.

Autoformat some code.

SUP-36192
This commit is contained in:
Daniel Muyshond 2024-03-28 10:37:59 +01:00
parent b18c06b42d
commit 81d5ae0628
2 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
static/olln/_custom.scss
View File

@ -1,15 +1,25 @@
#header h1 a{
margin-top: -15px;}
div.link-cell.has-asset-picture a:not(.asset-link) span {
display: flex;
justify-content: center;
align-items: center;
background-color: #325aa6;
padding: 0.5em 0.5em;
border-radius: 5px;}
display: flex;
justify-content: center;
align-items: center;
background-color: #325aa6;
padding: 0.5em 0.5em;
border-radius: 5px;
}
div.link-cell.has-asset-picture a:not(.asset-link) {
color: white;
font-weight: normal;
margin-bottom: 60px;}
color: white;
font-weight: normal;
margin-bottom: 60px;
}
@media screen and (max-width: $nav-mobile-limit) {
nav.site-nav {
margin-top: 100px;
}
#header h1 {
top: 10px;
left: 47px;
}
}

12
static/olln/_vars.scss
View File

@ -1,14 +1,14 @@
// Refer to '../includes/eo-base-imio-tuned' to fine tuned other vars
@import "../../publik-base-theme/static/includes/fonts/opensans";
@import "../../publik-base-theme/static/includes/fonts/montserrat";
$font-family: 'Open Sans', Arial, Helvetica, sans-serif;
$font-family: "Open Sans", Arial, Helvetica, sans-serif;
$nav-background: none;
$logo-width: 110px;
$logo-height: 70px;
$imio-logo-top: 20px;
$imio-logo-left: 20px;
$logo-width: 124px;
$logo-height: 75px;
$imio-logo-top: 5px;
$imio-logo-left: 26px;
$imio-logo-height: 70px;
$title-font-family: 'Montserrat', sans-serif;
$title-font-family: "Montserrat", sans-serif;
$primary-color: #325aa6;
$imio-header-height: 356px;
// $header-logo-size: 230px 80px;