new theme: lambersart (#49357)

This commit is contained in:
Thomas Jund 2020-12-09 17:06:40 +01:00
parent 5abfb6da12
commit f7ff5b0f18
5 changed files with 168 additions and 0 deletions

View File

@ -0,0 +1,95 @@
%button {
font-weight: 600;
text-transform: lowercase;
font-variant: small-caps;
}
//
// HEADER
//
body.has-header-background {
.site-header {
@media ($min-desktop-viewport) {
background-size: auto 100%;
}
}
}
div#header {
padding: 0;
}
h1#logo.has-logo {
display: inline-block;
background-image: radial-gradient(
circle at 10% 80%,
white 75%, transparent 90%);
@media ($min-desktop-viewport) {
background-image: radial-gradient(
ellipse at 10% 80%,
white 60%, transparent 70%);
}
background-position: 0 0;
a {
background-origin: content-box;
height: $header-height-mobile;
width: $header-height-mobile;
padding: 10px;
@media ($min-desktop-viewport) {
height: $header-height-desktop;
width: $header-height-desktop;
}
}
}
// user links
#toplinks {
border: none;
box-shadow: none;
right: 0;
padding: 0.5em 1em;
background: hsla(0, 0%, 100%, 0.8);
border-radius: 0 0 0 1em;
a {
@media($max-mobile-viewport) {
display: block;
}
}
}
//
// NAV
//
.gru-nav-wrapper {
@media ($max-mobile-viewport) {
margin-top: -$nav-menu-side;
}
}
div.gru-nav > ul {
margin: 0;
}
//
// PAGE PICTURE
//
body.has-picture nav::after {
top: 0;
}
//
// MAIN
//
div#page main {
padding-top: 2rem;
background-color: $gray-xlight;
}
//
// FOOTER
//
#footer-wrapper {
margin-top: 0;
background: url(img/footer-background.png) white;
.menucell li a {
color: $link-color;
}
}

View File

@ -0,0 +1,50 @@
// colors
$gray-xlight: #f9f9f9;
$gray-light: #eee;
$green: #A2C748;
$red: #EC5F65;
$blue: #46BFE0;
$blue-dark: #21809b;
// layout
$header-height-desktop: 185px;
$header-height-mobile: 120px;
// Core vars
$width: 1016px;
$font-family: barlow, sans-serif;
$link-color: $blue-dark;
$font-color: #333;
$primary-color: $green;
$nav-background: $green;
$nav-full-width-background: true;
$nav-active-color: $blue;
$nav-color: white;
$nav-menu-side: 40px;
$nav-button-background: $green;
$nav-mobile-menu-background: $green;
$nav-mobile-menu-item-color: white;
$title-color: $blue;
$title-background: transparent;
$title-weight: bold;
$title-transform: uppercase;
$title-border-bottom: 1px solid $green;
$cell-title-cover-border: false;
$cell-border: 1px solid $gray-light;
$cell-entry-border-color: $green;
$cell-entry-hover-color: white;
$cell-entry-hover-background: $green;
$cell-entry-font-weight: 500;
$button-background: $green;
$button-hover-background: $blue;
$button-color: white;
$widget-border: 1px solid $green;
$widget-focus-border: 1px solid $blue;
$footer-color: $font-color;

View File

@ -0,0 +1,17 @@
{
"label": "lambersart",
"variables": {
"pwa_display": "standalone",
"theme_color": "#A2C748",
"email_header_asset": "emails:logo"
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": { "label": "Têtière : logo" },
"header:background": { "label": "Têtière : fond" },
"emails:logo": {"label": "Emails : logo"}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

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