isere-cd38-agents: new theme (#74554)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2023-02-21 14:23:17 +01:00 committed by Gitea
parent 21e8facd71
commit 663673a7e1
5 changed files with 363 additions and 0 deletions

View File

@ -0,0 +1,230 @@
//
// COMPONENTS
//
%button {
box-shadow: none !important;
font-weight: 600;
letter-spacing: 0.03em;
}
//
// TYPO
//
label {
font-weight: 600;
}
//
// HEADER
//
.site-header {
color: white;
a {
color: inherit;
}
}
#top {
display: flex;
align-items: baseline;
padding-top: 0.5em;
padding-bottom: 1em;
@media ($max-mobile-viewport) {
flex-direction: column;
}
@media ($min-desktop-viewport) {
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
}
}
#logo {
flex-grow: 1;
font-size: $fz-3;
&.has-logo a {
display: flex;
}
}
#toplinks {
position: static;
word-spacing: 1em;
@media ($max-mobile-viewport) {
padding-bottom: 1em;
order: -1;
max-width: none;
align-self: flex-end;
}
a {
margin-top: .25em;
margin-bottom: .25em;
}
}
//
// NAV
//
.gru-nav ul {
margin: 0;
}
// Page picture
body.has-picture .site-nav::after {
position: static;
}
//
// MAIN
//
main {
padding-top: 2em;
}
//
// CELLS
//
.gru-content div.cell {
padding: $cell-padding;
h2:first-child {
display: inline-block;
align-self: flex-start;
}
&.has-asset-picture {
> div picture {
margin: -$cell-padding;
margin-bottom: $cell-padding;
img {
width: 100%;
}
}
> div > h2:first-child {
border-radius: $title-border-radius;
}
}
}
%cell-links-list {
& > li > a:hover {
text-decoration: underline;
}
}
// green-cell
.green-cell {
.gru-content &.cell {
background-color: $green-xlight;
h2:first-child {
background-color: $green;
}
a {
color: $green;
}
}
}
// Télécommande
.telecommande {
.gru-content &.link-list-cell {
--telecommande-color: #{$blue-dark};
background-color: transparent;
padding: 0;
text-align: center;
text-transform: uppercase;
h2:first-child {
display: block;
border-radius: 0;
background-color: var(--telecommande-color);
color: white;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0.33rem;
}
.links-list ul {
display: flex;
flex-wrap: wrap;
gap: 0.33rem;
> li {
flex: 1 0 4em;
border: none;
display: flex;
}
> li > a {
flex-grow: 1;
background-color: var(--telecommande-color);
color: white;
font-weight: bold;
font-size: $fz-small;
justify-content: center;
align-items: center;
}
// icons options
li.icon-sos {
> a::after {
content: "";
display: block;
width: 3rem;
height: 3rem;
background: url(icons/sos.png) no-repeat center transparent;
background-size: contain;
margin-top: 0.5em;
}
}
}
// Colors options
&.color-green {
--telecommande-color: #{$tc-green};
}
}
}
//
// WCS
//
div#tracking-code {
background-color: $gray-xlight;
h3 {
background-color: transparent;
color: $font-color;
}
a {
color: $link-color;
}
}
div#rub_service {
h3 {
font-size: $fz-3;
border-bottom: none;
}
h4 {
font-size: $fz-4;
}
}
//
// PWA
//
.pwa-navigation div > ul li a span {
display: flex;
align-items: center;
justify-content: center;
font-size: $fz-small;
}

View File

@ -0,0 +1,112 @@
// Colors
$blue-dark: #006f9d;
$blue-bright: #00969d;
$blue-bright-light: #51e7ee;
$green: #008080;
$green-xlight: #e4f2f3;
$gray: #e6e6e6;
$gray-xlight: #f4f4f9;
$gray-dark: #999;
$gray-xdark: #333;
$tc-green : #149414;
// Fonts
$base-font: 16;
$fz-1: 2.1em;
$fz-2: 1.8em;
$fz-3: 1.44em;
$fz-4: 1.2em;
$fz-small: 0.85em;
// Layout
$cell-padding: 1em;
// Core vars
$width: 1280em / $base-font;
$mobile-limit: 64em;
$very-small-limit: 35em;
$sidebar-position: right;
$columns-gutter: 1.5em;
$sidebar-columns-gutter: 3em;
$font-size: 100% / ( 16 / $base-font );
$font-family: Lato, sans-serif;
$font-color: $gray-xdark;
$link-color: $blue-dark;
$primary-color: $blue-dark;
$header-background-color: $primary-color;
$header-logo-size: 134px 32px;
$show-site-title: true;
$toplinks-style: none;
$nav-full-width-background: true;
$nav-background: $gray-xlight;
$nav-color: $font-color;
$nav-menu-color: $nav-color;
$nav-item-hover-background: $gray;
$nav-item-selected-background: transparent;
$nav-item-selected-color: $blue-dark;
$widget-unique-checkbox-position: left;
$nav-button-color: white;
$nav-button-background: transparent;
$nav-mobile-menu-item-color: $nav-color;
$nav-border-color: none;
$nav-menu-side: 40px;
$nav-mobile-bottom-bar-background: $blue-bright;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-background: $blue-dark;
$nav-mobile-bottom-bar-item-hover-color: white;
$title-background: $blue-dark;
$title-color: $gray-xlight;
$title-border-radius: 1em;
$title-weight: bold;
$title-font-size: 1em;
$cell-background: $gray-xlight;
$cell-border: none;
$cell-title-cover-border: false;
$cell-image-position: top;
$cell-image-padding: 0;
$cell-entry-border-color: white;
$cell-entry-hover-background: transparent;
$cell-entry-hover-color: $blue-bright;
$button-color: $gray-xlight;
$button-background: $blue-dark;
$button-border: 4px solid $blue-bright;
$button-border-radius: 2em;
$button-hover-color: white;
$button-hover-background: $blue-bright;
$cancel-button-style: "%inverted-button";
$buttons-order: cancel (grow), previous, submit;
$form-sidebar-gutter: $sidebar-columns-gutter;
$form-title-style: none;
$widget-border: 1px solid $gray-dark;
$widget-focus-border: 1px solid $font-color;
$widget-border-radius: 5px;
$wcs-steps-background: $gray-xlight;
$wcs-step-color: $font-color;
$wcs-step-border-bottom: none;
$wcs-steps-spacing: $cell-padding;
$wcs-step-marker-color: $gray-xlight;
$wcs-step-marker-background: $gray-dark;
$wcs-step-current-marker-background: $blue-dark;
$wcs-step-current-marker-color: white;
$wcs-step-current-marker-enlarge: 1.2;
$or-separator: false;
$footer-link-color: $blue-bright-light;
$footer-background: $font-color;

View File

@ -0,0 +1,15 @@
{
"label": "Isère agents (CD38)",
"variables": {
"theme_color": "#006f9d",
"email_header_asset": "emails:logo"
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": { "label": "Têtière : logo" },
"emails:logo": {"label": "Emails : logo"}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

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