diff --git a/static/finistere/_custom.scss b/static/finistere/_custom.scss new file mode 100644 index 00000000..63de88e3 --- /dev/null +++ b/static/finistere/_custom.scss @@ -0,0 +1,78 @@ +body.has-picture .site-nav::after { + top: 0; +} + +h1#logo.has-logo { + a { + margin-top: 20px; + + @media(max-width: $very-small-limit) { + margin-top: 60px; + } + } +} + +@media($min-desktop-viewport) { + .site-nav { + margin-top: -50px; + z-index: 500; + } +} + +.gru-nav { + .menu, .submenu { + &--link { + font-weight: 500; + font-size: 1.2rem; + } + } + + @media($min-desktop-viewport) { + display: flex; + justify-content: center; + + .menu, .submenu { + background: white; + &--link { + font-weight: 500; + font-size: 1.2rem; + } + } + + .menu { + &--link { + text-transform: uppercase; + } + } + + .submenu { + border: 2px solid $blue-3; + &--item{ + margin: 0 10px; + + &:not(:last-child) { + border-bottom: 1px solid $blue-3; + } + } + } + } +} + +input, input[type="search"], textarea, select { + &:not([readonly]) { + &:hover, &:focus { + background: white; + } + } +} + +%inverted-button { + background: $blue-3; + color: black; + border: none; + + &:hover { + background: $blue-2; + color: black; + } +} diff --git a/static/finistere/_vars.scss b/static/finistere/_vars.scss new file mode 100644 index 00000000..da304222 --- /dev/null +++ b/static/finistere/_vars.scss @@ -0,0 +1,78 @@ +@import '../includes/fonts/ubuntu'; + +// colors / typo +$blue-1: #2E496B; +$blue-2: #2699d6; +$blue-3: #8DA3B0; +$blue-4: #88BCE7; +$gray-1: #F1F1F1; +$yellow: #ffdc00; + +$primary-color: $blue-1; +$font-size: 1rem; +$font-family: Ubuntu, sans-serif; +$link-color: $blue-1; +$header-logo-size: 180px 60px; + +$nav-background: transparent; +$nav-color: black; + +$nav-active-color: $blue-1; +$nav-border-color: none; +$nav-height: auto !default; +$nav-menu-side: 50px !default; +$nav-menu-color: black; +$nav-full-width-background: true; + +$nav-item-selected-border: none; +$nav-item-selected-background: $yellow; +$nav-item-selected-color: black; +$nav-item-hover-color: $blue-2; +$nav-item-hover-background: transparent; + +$nav-mobile-menu-background: white; +$nav-mobile-menu-item-hover-background: none; + +$title-background: transparent; +$title-color: black; +$title-font-size: 1.6rem; +$title-weight: 500; +$title-border-radius: 0; +$title-border-bottom: 1px dotted black; + +$cell-background: white; +$cell-border: none; +$cell-border-radius: 4px; +$cell-title-cover-border: true; + +$cell-entry-hover-background: $blue-1; +$cell-entry-hover-color: white; +$cell-entry-border: none; + +$button-background: $blue-1; +$button-color: white; +$button-border: none; +$button-hover-background: $blue-4; +$button-hover-color: black; +$button-border-radius: 2px; +$nav-button-background: $blue-4; + +$widget-background: $gray-1; +$widget-color: black; +$widget-border-radius: 2px; +$widget-focus-outline: none; + +$cancel-button-style: "%inverted-button"; + +$cell-entry-hover-color: black; +$cell-entry-hover-background: $blue-4; + +$wcs-step-color: $blue-3; +$wcs-step-border-bottom: 1px solid $wcs-step-color; +$wcs-step-current-border-bottom: 1px solid $primary-color; +$wcs-step-marker-size: 1.8em; +$buttons-order: previous, cancel (grow), submit; + +$footer-background: $blue-3; +$footer-color: black; +$footer-link-color: black; diff --git a/static/finistere/config.json b/static/finistere/config.json new file mode 100644 index 00000000..e4c883a1 --- /dev/null +++ b/static/finistere/config.json @@ -0,0 +1,16 @@ +{ + "label": "Finistère", + "variables": { + "theme_color": "#2E496B", + "email_header_asset": "emails:logo" + }, + "settings": { + "combo": { + "COMBO_ASSET_SLOTS.update": { + "header:background": { "label": "Têtière : fond" }, + "header:logo": { "label": "Têtière : logo" }, + "emails:logo": { "label": "Courriels : logo" } + } + } + } +} diff --git a/static/finistere/style.scss b/static/finistere/style.scss new file mode 100644 index 00000000..1fd447de --- /dev/null +++ b/static/finistere/style.scss @@ -0,0 +1,5 @@ +@charset "UTF-8"; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom';