rouen-intranet: add theme (#74913) #184

Merged
aberriot merged 1 commits from wip/74913-rouen into main 2023-03-01 09:52:06 +01:00
6 changed files with 209 additions and 0 deletions

View File

@ -0,0 +1,118 @@
h1, h2, h3, h4, h5, h6 {
padding: 0.7rem 1rem;
}
h1 {
color: $blue;
}
html {
background: $blue url('img/background.jpg') no-repeat scroll center top;
}
body {
background: transparent url("img/background_bottom.png") repeat-x scroll center bottom;
}
$logo-height: 5rem;
$logo-width: 16rem;
#logo.has-logo {
background-color: $logo-background;
@media ($min-desktop-viewport) {
display: inline-block;
padding: 0 0 0 10px;
a {
width: $logo-width;
height: $logo-height;
background-position: center;
z-index: 999;
position: relative;
}
}
}
.site-header {
background: white;
@media ($min-desktop-viewport) {
display: block;
height: $logo-height;
}
}
div#header {
padding: 0;
}
.wcs-page .gru-content {
background: white;
padding: $space-medium;
}
.site-nav {
@media ($min-desktop-viewport) {
position: relative;
top: -$logo-height;
height: $logo-height;
}
}
#nav-wrapper {
box-shadow: 0px 10px rgba(55, 55, 55, 0.3);
@media ($min-desktop-viewport) {
height: $logo-height;
}
}
#nav > .menu {
@media ($min-desktop-viewport) {
margin: 0 0 $space-large;
height: $logo-height;
display: flex;
justify-content: center;
align-items: end;
}
li a {
font-family: "Open Sans Condensed", sans-serif;
text-transform: uppercase;
@media ($min-desktop-viewport) {
font-size: 1.3em;
display: flex;
align-items: center;
height: $logo-height;
}
}
}
div.gru-nav .gru-nav-button + ul {
@media ($max-mobile-viewport) {
margin-top: $space-small;
}
}
div.gru-nav li li:focus-within > a,
div.gru-nav li li:hover > a {
color: $purple;
background: white;
}
#toplinks {
z-index: 999;
}
main *:not(.cell) .cell {
Outdated
Review

Tu as des cas où tu as une cellule dans cellule ?

Tu as des cas où tu as une cellule dans cellule ?

ça m'est arrivé sur une home page avec des grilles imbriquées il me semble, mais je ne saurai pas reproduire

ça m'est arrivé sur une home page avec des grilles imbriquées il me semble, mais je ne saurai pas reproduire
box-shadow: 0 0 8.1px 1.9px rgba(33,30,31,0.15);
}
%button {
font-family: "Open Sans Condensed", sans-serif;
font-weight: bold;
}
%cell-links-list {
& > li > a {
font-weight: bold;
}
}
#footer-wrapper {
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-family: $title-font-family;
}
a {
color: white;
}
}
#account-management {
display: none;
}

View File

@ -0,0 +1,71 @@
@import '../includes/fonts/opensans';
@import '../includes/fonts/opensans-condensed';
$purple: #64295C;
$purple-light: #862e7a;
$blue: #0094b2;
$orange-dark: #d73310;
$logo-background: #52354E;
$primary-color: $purple;
$space-xsmall: 0.25em;
$space-small: 0.5em;
$space-medium: 1em;
$space-large: 2em;
$space-xlarge: 3em;
$font-size: 16px;
$font-line-height: 1.5em;
$base-font: 16;
aberriot marked this conversation as resolved Outdated
Outdated
Review

Pour que $fz-1: 30em / $base-font; soit un equivalent em de 30px, il faut que $base-font soit équivalement à $font-size, donc 18.

Pour que `$fz-1: 30em / $base-font;` soit un equivalent em de 30px, il faut que $base-font soit équivalement à $font-size, donc 18.

merci, je viens de pousser un fix

merci, je viens de pousser un fix
$fz-1: 30em / $base-font;
$fz-2: 24em / $base-font;
$fz-3: 21em / $base-font;
$fz-4: 18em / $base-font;
$fz-small: 14em / $base-font;
$fz-xsmall: 12em / $base-font;;
$fz-xxsmall: 11em / $base-font;;
$font-family: "Open Sans", sans-serif;
$width: 1160px;
$font-color: #000;
aberriot marked this conversation as resolved Outdated
Outdated
Review

tu redéclares $font-size ici, du coup je ne sais pas…

tu redéclares $font-size ici, du coup je ne sais pas…

Erreur de copier coller de ma part, j'ai viré celui ci et repassé le premier sur 16 (et adapté le base font)

Erreur de copier coller de ma part, j'ai viré celui ci et repassé le premier sur 16 (et adapté le base font)
$link-color: $orange-dark;
$link-decoration: underline;
$link-hover-decoration: none;
$nav-full-width-background: true;
$nav-background: transparent;
$nav-submenu-background: $purple;
$nav-submenu-color: white;
$nav-color: $purple;
$nav-item-selected-mode: "bottom-border";
$nav-item-selected-border: 5px solid $purple;
$nav-button-background: $logo-background;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-color: $purple;
$nav-mobile-menu-item-hover-background: $purple;
$nav-border-color: $purple;
$toplinks-background: white;
$toplinks-border-radius: 0;
$toplinks-border: none;
$toplinks-padding: $space-small $space-medium;
$buttons-order: previous (grow), cancel (grow), submit;
$cancel-button-style: '%inverted-button';
$cell-border: 0;
$cell-title-cover-border: false;
$border-radius: 0;
$button-background: $purple-light;
$button-hover-background: #9b5591;
$title-transform: uppercase;
$title-color: $blue;
$title-weight: bold;
$title-font-size: $fz-2;
$title-font-family: "Open Sans Condensed", sans-serif;
$footer-background: transparent;
$footer-color: white;

View File

@ -0,0 +1,15 @@
{
"label": "Rouen - Intranet",
"variables": {
"theme_color": "#64295C",
"include_registration_link": false
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": { "label": "Têtière: logo" },
"emails:logo": { "label": "Courriels: logo" }
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 KiB

View File

@ -0,0 +1,5 @@
@charset "UTF-8";
@import 'vars';
@import '../includes/publik';
@import 'custom';