nice-metropole: add theme (#84925)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
52749eaa3b
commit
112660b7e7
|
|
@ -0,0 +1,702 @@
|
|||
//
|
||||
// UTILS
|
||||
//
|
||||
|
||||
// Stretch element background to the edge
|
||||
@mixin stretch-to-edge {
|
||||
width: 100vw;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
padding-right: calc(50vw - 50%);
|
||||
padding-left: calc(50vw - 50%);
|
||||
// for flex-grid context on .size--1-1 element
|
||||
&.size--1-1 {
|
||||
flex-basis: 100vw;
|
||||
margin-left: calc(-50vw + 50% + (var(--grid-gutter, 0px) / 2));
|
||||
padding-left: calc(50vw - 50% + (var(--grid-gutter, 0px) / 2));
|
||||
margin-right: calc(-50vw + 50% - (var(--grid-gutter, 0px) / 2));
|
||||
padding-right: calc(50vw - 50% + (var(--grid-gutter, 0px) / 2));
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// TYPO
|
||||
//
|
||||
|
||||
.gru-content {
|
||||
h1, .h1 {
|
||||
font-size: $fz-1;
|
||||
font-weight: 900;
|
||||
padding-bottom: 1em;
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 3px;
|
||||
width: 100px;
|
||||
background-color: currentColor;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
@media ($min-desktop-viewport) {
|
||||
text-align: center;
|
||||
&::after {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
h2, .h2 {
|
||||
font-size: $fz-2;
|
||||
font-weight: 900;
|
||||
text-transform: none;
|
||||
}
|
||||
h3, .h3 {
|
||||
font-size: $fz-3;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h4, .h4 {
|
||||
font-size: $fz-4;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// BUTTONS
|
||||
//
|
||||
|
||||
%button {
|
||||
box-shadow: none;
|
||||
font-weight: 500;
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
&:not(:hover) {
|
||||
border-color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
%cancel-button {
|
||||
--color: #{$red};
|
||||
--background: white;
|
||||
--hover-color: white;
|
||||
--hover-background: #{$red};
|
||||
}
|
||||
|
||||
%submit-button {
|
||||
--color: white;
|
||||
--background: #{$blue};
|
||||
--hover-color: #{$blue};
|
||||
--hover-background: white;
|
||||
@include button-with-icon(left, "\f00c") {
|
||||
font-weight: 300;
|
||||
};
|
||||
&:not(:hover) {
|
||||
border-color: transparent;
|
||||
}
|
||||
&:hover {
|
||||
border-color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
.button-with-cancel-icon {
|
||||
@include button-with-icon(left, "\f00d");
|
||||
}
|
||||
|
||||
//
|
||||
// NOTICE
|
||||
//
|
||||
|
||||
.warningnotice,
|
||||
.successnotice,
|
||||
.infonotice,
|
||||
.errornotice {
|
||||
&::before {
|
||||
content: "";
|
||||
background-size: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
.errornotice {
|
||||
color: white;
|
||||
&::before {
|
||||
background-image: url(img/picto-danger.svg);
|
||||
}
|
||||
}
|
||||
.warningnotice,
|
||||
.successnotice,
|
||||
.infonotice {
|
||||
color: $gray-xdark;
|
||||
background-color: white;
|
||||
border: 2px solid;
|
||||
}
|
||||
.warningnotice {
|
||||
border-color: $notification_warning_color;
|
||||
&::before {
|
||||
background-image: url(img/picto-attention.svg);
|
||||
}
|
||||
}
|
||||
.successnotice {
|
||||
border-color: $notification_success_color;
|
||||
&::before {
|
||||
background-image: url(img/picto-check.svg);
|
||||
}
|
||||
}
|
||||
.infonotice {
|
||||
border-color: $notification_info_color;
|
||||
&::before {
|
||||
background-image: url(img/picto-info.svg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// LAYOUT
|
||||
//
|
||||
|
||||
.header-width,
|
||||
.nav-width {
|
||||
max-width: 1280em / $base-font;
|
||||
}
|
||||
|
||||
//
|
||||
// HEADER
|
||||
//
|
||||
|
||||
$top-mobile-height : calc( #{nth($header-logo-size, 2)} + 2rem);
|
||||
#top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
// logo
|
||||
#logo.has-logo {
|
||||
line-height: 0;
|
||||
a::before {
|
||||
margin-right: 1rem;
|
||||
@media ($min-desktop-viewport) {
|
||||
width: 218px;
|
||||
height: 78px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// toplinks
|
||||
.mnca-toplinks {
|
||||
background-color: $blue-dark;
|
||||
}
|
||||
#toplinks {
|
||||
position: static;
|
||||
max-width: none;
|
||||
font-size: $fz-small;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
word-spacing: 0;
|
||||
color: white;
|
||||
|
||||
.toplinks--list-item:first-child {
|
||||
border-right: 1px solid currentColor;
|
||||
@media ($min-desktop-viewport) {
|
||||
padding-right: .43em;
|
||||
margin-right: .66em;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
padding: .5em;
|
||||
border: 2px solid transparent;
|
||||
@media ($min-desktop-viewport) {
|
||||
&:not(.account-link) {
|
||||
color: hsla(0, 0%, 100%, 0.85);
|
||||
background-color: $red;
|
||||
&:hover, &:focus {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
border: 2px solid white;
|
||||
color: white;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@media ($max-mobile-viewport) {
|
||||
&.account-link {
|
||||
max-width: 15em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.connected-user--first-name {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
// header title
|
||||
.mnca-header-title h2 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
color: $blue-dark;
|
||||
margin: 0;
|
||||
@media ($min-desktop-viewport) {
|
||||
font-size: $fz-1;
|
||||
}
|
||||
}
|
||||
|
||||
// NAV
|
||||
@media ($min-desktop-viewport) {
|
||||
.site-nav {
|
||||
flex-grow: 1;
|
||||
align-self: flex-end;
|
||||
}
|
||||
}
|
||||
.gru-nav {
|
||||
// first level with line
|
||||
.menu {
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
&--link {
|
||||
font-size: $fz-3;
|
||||
padding-bottom: 0;
|
||||
width: auto !important;
|
||||
}
|
||||
&--label {
|
||||
display: block;
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 3px;
|
||||
width: 25px;
|
||||
background-color: currentColor;
|
||||
margin-top: 1rem;
|
||||
transition: width 400ms;
|
||||
}
|
||||
}
|
||||
&--item {
|
||||
&:focus-within, &:hover, &.selected {
|
||||
> a .menu--label::after {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// second level
|
||||
.submenu {
|
||||
padding: 20px 0;
|
||||
&--link {
|
||||
font-weight: 500;
|
||||
padding: 5px 20px;
|
||||
display: block;
|
||||
&::before {
|
||||
content: "⸰ ";
|
||||
vertical-align: -0.05em;
|
||||
}
|
||||
&:hover {
|
||||
background-color: $blue;
|
||||
color: $gray-xlight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
// right-to-left adaptation
|
||||
@media ($max-mobile-viewport) {
|
||||
@if $responsive-menu == left-to-right {
|
||||
#logo {
|
||||
padding-left: 0;
|
||||
}
|
||||
div#header {
|
||||
padding-right: $nav-menu-side;
|
||||
}
|
||||
div.gru-nav .gru-nav-button {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 2.4em;
|
||||
height: $top-mobile-height;
|
||||
border: 0 solid transparent;
|
||||
border-width: calc( (#{$top-mobile-height} - #{$nav-menu-side}) / 2) 0;
|
||||
+ ul {
|
||||
// padding-left: .5em;
|
||||
// padding-right: .5em;
|
||||
transform: translateX(100%);
|
||||
left: auto;
|
||||
right: 0;
|
||||
// border-left: 2px solid $primary-color;
|
||||
&::before {
|
||||
height: 6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// PWA
|
||||
//
|
||||
|
||||
#pwa-navigation {
|
||||
div > ul li a {
|
||||
background-size: auto 30px;
|
||||
padding-top: 45px;
|
||||
span {
|
||||
font-size: $font-size-xsmall;
|
||||
height: auto;
|
||||
font-weight: 500;
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 30px;
|
||||
background-color: currentColor;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Main layout
|
||||
//
|
||||
|
||||
main {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
//
|
||||
// Cells
|
||||
//
|
||||
|
||||
// Cell picture
|
||||
.gru-content .cell.has-asset-picture {
|
||||
$image-size: 40px;
|
||||
$title-left-padding: extract-left($title-padding);
|
||||
$title-top-padding: extract-top($title-padding);
|
||||
> div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
> * {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
> h2:first-child {
|
||||
flex: 1 0 50%;
|
||||
margin-left: calc(-1 * (#{$image-size} + #{$title-left-padding});
|
||||
padding-left: calc(#{$image-size} + #{$title-left-padding * 2});
|
||||
}
|
||||
> picture {
|
||||
display: block;
|
||||
order: -1;
|
||||
flex: 0 0 $image-size;
|
||||
margin-left: $title-left-padding;
|
||||
margin-top: calc(#{$title-top-padding} - 0.33em);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
line-height: 0;
|
||||
img {
|
||||
padding: 0;
|
||||
height: $image-size;
|
||||
width: $image-size;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Link list
|
||||
%cell-links-list {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
border-top: $cell-entry-border;
|
||||
border-color: $blue;
|
||||
& > li > a {
|
||||
margin: -1px -1em;
|
||||
}
|
||||
& > li:last-child > a {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
li div.description {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Custom cells
|
||||
.cell-blue-title {
|
||||
&%cell {
|
||||
h2:first-child {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cell-light-title {
|
||||
&%cell {
|
||||
h2:first-child {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cell-blue-border {
|
||||
&%cell {
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
}
|
||||
.cell-gray {
|
||||
&%cell {
|
||||
background-color: $gray-xlight;
|
||||
@extend .cell-blue-title;
|
||||
}
|
||||
}
|
||||
.cell-list {
|
||||
&%cell {
|
||||
@extend .cell-blue-border;
|
||||
@extend .cell-light-title;
|
||||
}
|
||||
}
|
||||
.cell-blue {
|
||||
&%cell {
|
||||
background-color: $blue;
|
||||
color: white;
|
||||
h2:first-child {
|
||||
color: inherit;
|
||||
}
|
||||
.links-list ul {
|
||||
border-color: white;
|
||||
& > li {
|
||||
border-color: white;
|
||||
}
|
||||
& > li > a:hover {
|
||||
background-color: white;
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
&.foldable {
|
||||
> div > h2:first-child {
|
||||
&:hover {
|
||||
background-color: $blue-dark;
|
||||
color: white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Default Cells
|
||||
%cell {
|
||||
margin-bottom: 1.25rem;
|
||||
.cell--body,
|
||||
& h2 + div {
|
||||
> :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&.wcs-forms-of-category-cell {
|
||||
@extend .cell-list;
|
||||
}
|
||||
&.foldable {
|
||||
> div > h2:first-child {
|
||||
&::after {
|
||||
text-align: center;
|
||||
}
|
||||
&:hover {
|
||||
color: $blue;
|
||||
background-color: $gray-xlight;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.textcell {
|
||||
.cell--body {
|
||||
h3, h4, h5, p, table {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// A2
|
||||
//
|
||||
|
||||
#account-management {
|
||||
@extend .cell-list;
|
||||
@extend .cell-blue;
|
||||
}
|
||||
|
||||
#a2-profile {
|
||||
@extend .cell-list;
|
||||
}
|
||||
|
||||
//
|
||||
// WCS & Forms
|
||||
//
|
||||
|
||||
// Forms
|
||||
input, textarea, select {
|
||||
font-feature-settings: 'tnum';
|
||||
}
|
||||
label, .widget {
|
||||
font-weight: 500;
|
||||
}
|
||||
span.required {
|
||||
color: $red;
|
||||
}
|
||||
.hint {
|
||||
font-style: italic;
|
||||
}
|
||||
.widget-with-error {
|
||||
color: $error-color;
|
||||
input, textarea, select {
|
||||
border-color: $error-color;
|
||||
}
|
||||
}
|
||||
// WCS
|
||||
// steps
|
||||
.wcs-steps {
|
||||
font-weight: bold;
|
||||
}
|
||||
.wcs-step:not(.current) {
|
||||
.wcs-step--marker {
|
||||
border: 1px solid currentColor;
|
||||
}
|
||||
}
|
||||
@media ($mq-max--wcs-steps-small-layout) {
|
||||
.wcs-step{
|
||||
&--label {
|
||||
margin-left: 1em;
|
||||
}
|
||||
&--marker {
|
||||
line-height: 1;
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding: .66em;
|
||||
border-radius: 2em !important;
|
||||
&-nb, &-total {
|
||||
transform: none;
|
||||
}
|
||||
&::before {
|
||||
content: "/";
|
||||
height: 1em;
|
||||
transform: none ;
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include desktop-vertical-steps() {
|
||||
.wcs-step--marker-nb {
|
||||
line-height: calc(#{$wcs-step-marker-size} + 0.2em);
|
||||
}
|
||||
}
|
||||
|
||||
.form-content--sidebox, div#rub_service {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h1.form-content--title {
|
||||
text-align: left;
|
||||
&::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.form-content--sidebox {
|
||||
#tracking-code {
|
||||
background-color: $gray-xlight;
|
||||
padding: 1rem;
|
||||
h3 {
|
||||
color: $blue;
|
||||
padding: 0;
|
||||
}
|
||||
a {
|
||||
@media ($min-desktop-viewport) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div#rub_service {
|
||||
form {
|
||||
padding: 0;
|
||||
}
|
||||
h3 {
|
||||
@extend .h2;
|
||||
}
|
||||
h4 {
|
||||
@extend .h3;
|
||||
}
|
||||
}
|
||||
.quixote:not(#wf-actions) div.buttons .cancel-button button {
|
||||
@extend .button-with-cancel-icon;
|
||||
}
|
||||
|
||||
div.section.foldable > h2:first-child {
|
||||
@extend %title;
|
||||
background-color: $gray-xlight;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// FOOTER
|
||||
//
|
||||
|
||||
#footer {
|
||||
.cell {
|
||||
h2:first-child, .cell--title {
|
||||
font-size: $fz-4;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.links-list ul {
|
||||
margin: 0;
|
||||
border-top: none;
|
||||
> li {
|
||||
all: unset;
|
||||
}
|
||||
> li > a {
|
||||
padding: 0;
|
||||
margin: .33em 0;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.menucell {
|
||||
ul {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
li a {
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
&.menu-black {
|
||||
@include stretch-to-edge;
|
||||
background-color: black;
|
||||
margin-bottom: -1.5em;
|
||||
li a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
// colors
|
||||
$blue-dark: #005192;
|
||||
$blue: #3366CC;
|
||||
$red: #EB614C;
|
||||
$green: #38A678;
|
||||
$orange: #E37636;
|
||||
$gray-xdark: #222222;
|
||||
$gray: #5A5A5A;
|
||||
$gray-xlight: #F9F9F9;
|
||||
|
||||
// typo
|
||||
$base-font: 16;
|
||||
$fz-1: 32em / $base-font;
|
||||
$fz-2: 28em / $base-font;
|
||||
$fz-3: 20em / $base-font;
|
||||
$fz-4: 18em / $base-font;
|
||||
$fz-small: 15em/ $base-font;
|
||||
|
||||
// Core vars
|
||||
$font-size: 100% / ( 16 / $base-font );
|
||||
$font-size-small: $fz-small;
|
||||
$font-family: visby, sans-serif;
|
||||
|
||||
$font-color: black;
|
||||
$primary-color: $blue-dark;
|
||||
$error-color: $red;
|
||||
|
||||
$width: 960em / $base-font;
|
||||
$mobile-limit: 64em;
|
||||
$very-small-limit: 35em;
|
||||
$columns-gutter: 4em;
|
||||
|
||||
$header-background-color: $gray-xlight;
|
||||
$header-logo-size: 123px 44px;
|
||||
$toplinks-style: none;
|
||||
|
||||
$nav-background: $header-background-color;
|
||||
$nav-border-color: none;
|
||||
$nav-active-color: $blue;
|
||||
$nav-item-selected-background: transparent;
|
||||
$nav-item-selected-color: $nav-active-color;
|
||||
$nav-submenu-color: $gray;
|
||||
|
||||
$responsive-menu: left-to-right; // custom right-to-left adaptation
|
||||
$responsive-menu-mask: true;
|
||||
$nav-button-background: $header-background-color;
|
||||
$nav-button-color: $blue;
|
||||
$nav-button-bar-height: 4px;
|
||||
|
||||
$nav-after-image: false;
|
||||
|
||||
$nav-mobile-bottom-bar-height: 80px;
|
||||
$nav-mobile-bottom-bar-color: black;
|
||||
|
||||
$title-font-size: $fz-2;
|
||||
$title-weight: 900;
|
||||
$title-background: none;
|
||||
$title-padding: 1rem 1rem 1rem 1rem;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-color: inherit;
|
||||
$cell-entry-border: 1px solid $font-color;
|
||||
$cell-entry-hover-color: white;
|
||||
$cell-entry-hover-background: $blue;
|
||||
$cell-open-foldable-icon: "+";
|
||||
$cell-close-foldable-icon: "−";
|
||||
|
||||
$form-title-style: none;
|
||||
$form-sidebar-gutter: 2.5em;
|
||||
$form-sidebar-width: 13em;
|
||||
$field-on-error-style: custom;
|
||||
|
||||
$form-accent-color: #3366CC;
|
||||
$widget-focus-outline: 3px solid $blue-dark;
|
||||
$widget-unique-checkbox-position: left;
|
||||
$widget-border: 1px solid $blue;
|
||||
$buttons-order: previous, cancel (grow), submit;
|
||||
|
||||
$wcs-steps-small-layout-limit: $mobile-limit;
|
||||
$wcs-steps-spacing: 1em;
|
||||
$wcs-steps-color: $gray;
|
||||
$wcs-step-current-color: $blue;
|
||||
$wcs-step-border-bottom: none;
|
||||
$wcs-step-marker-background: white;
|
||||
$wcs-step-current-marker-color: white;
|
||||
$wcs-step-current-marker-background: $wcs-step-current-color;
|
||||
$wcs-step-marker-type: disc tied;
|
||||
$wcs-step-marker-tie-color: $blue;
|
||||
$wcs-step-marker-tie-width: 2px;
|
||||
|
||||
$button-background: white;
|
||||
$button-color: $gray;
|
||||
$button-hover-color: white;
|
||||
$button-hover-background: $gray;
|
||||
$delete-button-style: "%cancel-button";
|
||||
|
||||
$notification_error_color: $error-color;
|
||||
$notification_warning_color: $error-color;
|
||||
$notification_success_color: $green;
|
||||
$notification_info_color: $blue;
|
||||
|
||||
|
||||
$footer-background: $gray-xlight;
|
||||
$footer-color: $font-color;
|
||||
$footer-menucell-separator: 1px solid white;
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{
|
||||
"label": "Nice Metropole",
|
||||
"variables": {
|
||||
"theme_color": "#005192",
|
||||
"email_header_asset": "emails:logo"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"emails:logo": {"label": "Emails : logo"}
|
||||
},
|
||||
"COMBO_CELL_ASSET_SLOTS.update" : {
|
||||
"data_textcell" : {
|
||||
"picture" : {
|
||||
"prefix" : "Image cellule texte"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38" height="33.358" viewBox="0 0 38 33.358"><defs><clipPath id="a"><rect width="38" height="33.358" fill="#eb614c"/></clipPath></defs><g clip-path="url(#a)"><path d="M15.1,2.231,3.878,21.046,1.328,25.32A6.785,6.785,0,0,0,0,28.757,4.634,4.634,0,0,0,4.682,33.35c1.017.018,2.036,0,3.052,0h24.64a5.877,5.877,0,0,0,3.874-.944,4.637,4.637,0,0,0,1.039-6.128c-1.616-2.753-3.271-5.482-4.907-8.223L25.27,6.136C23.8,3.668,22.346-.1,18.918,0A4.659,4.659,0,0,0,15.1,2.231c-.765,1.193,1.135,2.3,1.9,1.108a2.4,2.4,0,0,1,4.175.219c.558.925,1.105,1.853,1.658,2.78L29.3,17.176l5.584,9.358a3.9,3.9,0,0,1,.926,2.681c-.28,1.559-1.65,1.94-2.992,1.94H5.594c-1.087,0-2.176.055-2.921-.938-.874-1.164-.335-2.3.3-3.366l2.114-3.544L16.725,3.8,17,3.339a1.1,1.1,0,0,0-1.9-1.108" transform="translate(0 0)" fill="#eb614c"/><path d="M24.487,14.934V26.381a1.1,1.1,0,0,0,2.2,0V14.934a1.1,1.1,0,0,0-2.2,0" transform="translate(-6.563 -3.718)" fill="#eb614c"/><path d="M24.487,36.9h0a1.128,1.128,0,0,0,1.1,1.1l.292-.04a1.093,1.093,0,0,0,.485-.282l.171-.223a1.091,1.091,0,0,0,.15-.554,1.128,1.128,0,0,0-1.1-1.1l-.292.04a1.1,1.1,0,0,0-.485.282l-.171.223a1.091,1.091,0,0,0-.15.554" transform="translate(-6.562 -9.595)" fill="#eb614c"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38" height="38" viewBox="0 0 38 38"><defs><clipPath id="a"><rect width="38" height="38" fill="#38a678"/></clipPath></defs><g clip-path="url(#a)"><path d="M35.85,19a18.453,18.453,0,0,1-.158,2.392l.039-.286a18,18,0,0,1-1.241,4.563l.108-.257a18.066,18.066,0,0,1-1.234,2.4q-.352.573-.745,1.117l-.181.246-.1.132c-.134.177.159-.2.025-.032s-.284.355-.431.529a17.983,17.983,0,0,1-1.874,1.908q-.248.217-.5.425-.127.1-.257.206l-.056.044c-.1.078.206-.157.106-.082l-.15.111q-.537.4-1.1.764a18.135,18.135,0,0,1-2.682,1.41l.257-.109a17.981,17.981,0,0,1-4.563,1.241l.286-.038a18.337,18.337,0,0,1-4.783,0l.286.038a17.966,17.966,0,0,1-4.563-1.241l.256.109a18.149,18.149,0,0,1-2.4-1.234q-.573-.352-1.117-.745c-.083-.06-.165-.12-.247-.182l-.131-.1c-.177-.135.2.158.031.024s-.355-.283-.528-.43a18.065,18.065,0,0,1-1.909-1.874q-.216-.248-.425-.5c-.069-.085-.138-.171-.206-.256l-.044-.056c-.077-.1.157.206.083.106l-.112-.15q-.4-.538-.764-1.1a18.058,18.058,0,0,1-1.409-2.682l.108.256a18,18,0,0,1-1.241-4.563l.039.287a18.269,18.269,0,0,1,0-4.783l-.039.286a18.013,18.013,0,0,1,1.241-4.563l-.108.257a18.065,18.065,0,0,1,1.234-2.4q.352-.573.745-1.117c.059-.083.12-.164.181-.246l.1-.132c.134-.177-.159.2-.025.032s.284-.355.431-.529A17.982,17.982,0,0,1,7.946,6.285c.164-.145.333-.287.5-.425q.127-.1.257-.206l.056-.044c.1-.078-.206.157-.107.083l.15-.112q.537-.4,1.1-.764a18.058,18.058,0,0,1,2.682-1.409l-.257.108A17.972,17.972,0,0,1,16.9,2.274l-.286.038a18.337,18.337,0,0,1,4.783,0l-.287-.038a17.963,17.963,0,0,1,4.563,1.241l-.257-.108a17.973,17.973,0,0,1,2.4,1.234q.573.351,1.117.745c.083.059.165.119.246.181l.132.1c.177.134-.2-.159-.031-.025s.355.284.528.43A18.065,18.065,0,0,1,31.72,7.946q.216.248.425.5c.069.085.137.171.2.257l.044.055c.078.1-.157-.206-.082-.106l.111.15q.4.538.764,1.1a17.952,17.952,0,0,1,1.41,2.682l-.108-.257A18,18,0,0,1,35.731,16.9l-.039-.287A18.463,18.463,0,0,1,35.85,19,1.076,1.076,0,0,0,38,19,18.891,18.891,0,0,0,34.545,8.08a19.682,19.682,0,0,0-4.091-4.229,18.971,18.971,0,0,0-26.056,3,19.6,19.6,0,0,0-3.023,5.061A18.762,18.762,0,0,0,.057,17.6,18.955,18.955,0,0,0,11.088,36.277,19.531,19.531,0,0,0,16.9,37.882a19.012,19.012,0,0,0,5.96-.274,18.8,18.8,0,0,0,5.385-2,19.067,19.067,0,0,0,7.741-8.087,18.729,18.729,0,0,0,1.766-5.5A20.065,20.065,0,0,0,38,19a1.076,1.076,0,0,0-2.151,0" transform="translate(-0.001 -0.006)" fill="#38a678"/><path d="M12.726,22.359l2.09,2.086,3.345,3.339.764.763a1.093,1.093,0,0,0,1.521,0l1.029-1.032,2.459-2.463,2.985-2.989,2.57-2.575c.417-.417.844-.828,1.252-1.255l.019-.018A1.076,1.076,0,0,0,29.238,16.7l-1.029,1.031L25.75,20.189l-2.983,2.989L20.2,25.753c-.417.418-.848.824-1.252,1.255l-.018.019h1.521l-2.09-2.086L15.011,21.6l-.764-.763a1.076,1.076,0,0,0-1.521,1.521" transform="translate(-2.742 -3.621)" fill="#38a678"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38" height="38.004" viewBox="0 0 38 38.004"><defs><clipPath id="a"><rect width="38" height="38.004" fill="#fff"/></clipPath></defs><g clip-path="url(#a)"><path d="M22.784,14.731V25.039a1.173,1.173,0,0,0,2.345,0V14.731a1.173,1.173,0,0,0-2.345,0" transform="translate(-4.976 -2.97)" fill="#fff"/><path d="M22.784,33.26h0a1.131,1.131,0,0,0,.721,1.072.88.88,0,0,0,.452.1l.312-.042a1.168,1.168,0,0,0,.517-.3l.183-.238a1.165,1.165,0,0,0,.16-.592,1.131,1.131,0,0,0-.721-1.072.88.88,0,0,0-.452-.1l-.312.042a1.172,1.172,0,0,0-.517.3l-.183.238a1.165,1.165,0,0,0-.16.592" transform="translate(-4.976 -7.008)" fill="#fff"/><path d="M35.655,19.006a16.835,16.835,0,0,1-11,15.688A16.873,16.873,0,0,1,6.161,29.675,16.681,16.681,0,0,1,22.266,2.653,16.857,16.857,0,0,1,35.655,19.006a1.173,1.173,0,0,0,2.345,0A19.247,19.247,0,0,0,25.52,1.146,19.024,19.024,0,0,0,2.69,28.825,19.23,19.23,0,0,0,22.76,37.647,19.21,19.21,0,0,0,38,19.006a1.173,1.173,0,0,0-2.345,0" transform="translate(0 0)" fill="#fff"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38" height="38.004" viewBox="0 0 38 38.004"><defs><clipPath id="a"><rect width="38" height="38.004" fill="#36c"/></clipPath></defs><g clip-path="url(#a)"><path d="M22.329,21.639l1.459-.451L22.3,20.057q0,4.507,0,9.012v1.3a1.173,1.173,0,0,0,2.345,0q0-4.506,0-9.012v-1.3a1.183,1.183,0,0,0-1.484-1.13l-1.46.451c-1.437.445-.824,2.708.624,2.261" transform="translate(-4.562 -4.123)" fill="#36c"/><path d="M25.178,14.708h0a1.305,1.305,0,0,0-.343-.829.888.888,0,0,0-.378-.242.876.876,0,0,0-.451-.1l-.312.042a1.17,1.17,0,0,0-.518.3c-.06.08-.121.159-.182.238a1.158,1.158,0,0,0-.16.592,1.31,1.31,0,0,0,.342.829.893.893,0,0,0,.378.242.879.879,0,0,0,.452.1l.312-.042a1.168,1.168,0,0,0,.517-.3c.061-.08.121-.159.183-.238a1.165,1.165,0,0,0,.16-.592" transform="translate(-4.986 -2.956)" fill="#36c"/><path d="M2.345,19a16.834,16.834,0,0,1,11-15.688A16.873,16.873,0,0,1,31.838,8.327a16.68,16.68,0,0,1-16.1,27.023A16.856,16.856,0,0,1,2.345,19,1.173,1.173,0,0,0,0,19a19.248,19.248,0,0,0,12.481,17.86A19.024,19.024,0,0,0,35.31,9.178,19.23,19.23,0,0,0,15.239.357,19.21,19.21,0,0,0,0,19a1.173,1.173,0,0,0,2.345,0" transform="translate(0 0)" fill="#36c"/><line x2="4.51" transform="translate(16.764 27.046)" fill="none" stroke="#36c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,23 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@mixin Visby-font($type, $weight, $style) {
|
||||
@font-face {
|
||||
font-family: "visby";
|
||||
src: url("https://assets.nicecotedazur.org/fonts/VisbyCF-#{$type}.woff2") format("woff2");
|
||||
font-weight: $weight;
|
||||
font-style: $style;
|
||||
}
|
||||
}
|
||||
@mixin Visby-font-pair($type, $weight) {
|
||||
@include Visby-font($type, $weight, normal);
|
||||
@include Visby-font('#{$type}Oblique', $weight, italic);
|
||||
}
|
||||
|
||||
@include Visby-font-pair('Regular', 400);
|
||||
@include Visby-font-pair('Medium', 500);
|
||||
@include Visby-font-pair('Bold', 700);
|
||||
@include Visby-font-pair('ExtraBold', 900);
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'custom';
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{% block cell-content %}
|
||||
{% if title %}
|
||||
<h2 class="cell--title text-cell--title">{{ title }}</h2>
|
||||
{% endif %}
|
||||
{% include "combo/asset_picture_fragment.html" %}
|
||||
<div class="cell--body">
|
||||
{{text}}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{% extends "theme.html" %}
|
||||
|
||||
{# Move header user infos and nav blocks, add header title #}
|
||||
{% block header-pre %}
|
||||
<div class="mnca-toplinks">
|
||||
<div class="header-width">
|
||||
{% block top-links %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block header-content %}
|
||||
{% block nav %}{% endblock %}
|
||||
<div class="mnca-header-title">
|
||||
{% if mnca_site_title %}
|
||||
<h2>{{ mnca_site_title|safe }}</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block after-header %}{% endblock %}
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue