0001-sens-use-page-picture-and-assets-for-banner-and-logo.patch
static/sens/_custom.scss | ||
---|---|---|
1 | 1 |
@import '../includes/fonts/bitter'; |
2 | 2 |
@import '../includes/fonts/worksans'; |
3 | 3 | |
4 | 4 |
div#header-wrapper { |
5 |
background: url(img/background.jpg) no-repeat;
|
|
5 |
background: var(--page-picture, url(/assets/header:background));
|
|
6 | 6 |
background-size: auto; |
7 | 7 |
background-attachment: fixed; |
8 | 8 |
height: 295px; |
9 | 9 |
div#header h1 { |
10 | 10 |
padding-top: 80px; |
11 | 11 |
a { |
12 | 12 |
display: block; |
13 | 13 |
height: 120px; |
14 |
background: url(img/ville-sens-logo.svg) top left no-repeat;
|
|
14 |
background: url(/assets/header:logo) top left no-repeat;
|
|
15 | 15 |
background-position-x: center; |
16 | 16 |
text-indent: -1000px; |
17 | 17 |
overflow: hidden; |
18 | 18 |
} |
19 | 19 |
} |
20 | 20 |
} |
21 | 21 | |
22 | 22 |
div.gru-nav { |
static/sens/_vars.scss | ||
---|---|---|
8 | 8 |
$width: 960px; |
9 | 9 | |
10 | 10 |
$nav-background: $tertiary-color; |
11 | 11 |
$nav-item-selected-mode: none; |
12 | 12 |
$nav-color: white; |
13 | 13 |
$nav-active-color: $secondary-color; |
14 | 14 |
$nav-full-width-background: true; |
15 | 15 |
$nav-item-border: 3px solid $secondary-color; |
16 |
$nav-after-image: false; // page-picture used in the header |
|
16 | 17 | |
17 | 18 |
$nav-mobile-mode: bottom-bar; |
18 | 19 |
$nav-mobile-bottom-bar-background: $tertiary-color; |
19 | 20 |
$nav-mobile-bottom-bar-item-selected-background: $tertiary-color; |
20 | 21 |
$nav-mobile-bottom-bar-item-hover-background: $tertiary-color; |
21 | 22 | |
22 | 23 |
$title-color: $primary-color; |
23 | 24 |
$title-font-size: 1.5rem; |
static/sens/config.json | ||
---|---|---|
1 | 1 |
{ |
2 | 2 |
"label": "Sens", |
3 | 3 |
"variables": { |
4 | 4 |
"favicon": "sens/img/favicon.png", |
5 | 5 |
"logo_link_url": "https://www.ville-sens.fr/", |
6 | 6 |
"theme_color": "#008cd1" |
7 |
}, |
|
8 |
"settings": { |
|
9 |
"combo": { |
|
10 |
"COMBO_ASSET_SLOTS.update": { |
|
11 |
"header:background": { "label": "Têtière : fond" }, |
|
12 |
"header:logo": { "label": "Têtière : logo" } |
|
13 |
} |
|
14 |
} |
|
7 | 15 |
} |
8 | 16 |
} |
9 |
- |