Produits Entr'ouvert » Intégrations graphiques Publik

ul {

	margin: 0;

}

div#header {

	display: flex;

	justify-content: center;

	div#top {

		display: flex;

		flex-direction: column;

		justify-content: center;

		height: $header-height;

	}

	div#toplinks a {

		@extend %button;

		border-radius: 20px 10px 10px 0;

		margin-top: 0.5rem;

		padding: 0.3rem 0.4rem;

		margin-right: 0.5rem;

		@media ($min-desktop-viewport) {

			margin-top: 1rem;

			padding: 0.5rem 0.8rem;

			&::before {

				font-family: FontAwesome;

				margin-right: 0.5rem;

			}

			&.login-link::before, &.account-link::before {

				content: '\f007';

			}

			&.registration::before {

				content: '\f234';

			}

			&.logout::before {

				content: '\f08b';

			}

		}

	}

}

div.gru-nav ul li a {

	font-size: $nav-font-size;

	text-transform: uppercase;

	font-weight: normal;

}

@media ($min-desktop-viewport) {

	.site-nav {

		position: sticky;

		top: $nav-height;

		margin-bottom: -$nav-height;

		z-index: 200;

		.gru-nav-wrapper {

			position: relative;

			top: -$nav-height;

			.gru-nav > ul {

				display: flex;

				> li a {

					display: flex;

					border-right: 1px solid white;

					height: $nav-height;

					padding: 0 20px;

					> span {

						margin: auto;

					}

				}

			}

		}

	}

}

div#main-content-wrapper {

	margin-top: 2rem;

}

div#footer{

	display:flex;

	flex-direction: row;

	a {

		text-decoration: underline;

	}

	@media ($min-desktop-viewport) {

		&::before {

			margin: 1rem 2rem;

			content: url(/assets/footer:logo);

		}

	}

}

%cell-links-list {

	li > a {

		border-left: 0 solid $primary-color;

		transition: border-width 200ms;

		&:hover {

			border-left-width: 5px;

		}

	}

	ul li a {

		text-decoration: underline;

	}

}

%button {

   box-shadow: none; 

   transition: none;

   &:hover {

		box-shadow: none;

   }

}

%cancel-button {

	background: $orange;

}

%title {

	a {

		color: white;

	}

}

.form-content--title {

	background: transparent;

	border-bottom: 2px solid $primary-color;

	color: $gray;

	font-size: $fz-1;

}

div.cell.has-asset-picture {

	position: relative;

	z-index: 0;

	h2:first-child {

		padding-left: 4rem;

	}

	picture {

		width: 4rem;

		height: 4rem;

		position: absolute;

		top: 0;

	}

}

@media ($max-mobile-viewport) {

	body.has-header-background .site-header {

		background-image: none;

	}

	div#header div#top {

		height:auto;

		padding-top: 50px;

	}

}

$blue: #009CDC;

$dark-blue: #2382C1;

$light-gray: #F6F6F6;

$gray: #64777E;

$orange: #E34107;

$header-height: 230px;

$header-full-width-background: true;

$header-logo-size: 400px 120px;

$base-font: 16;

$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;

$ss-serif: 'Muli', sans-serif;

$primary-color: $blue;

$width: 1160px;

$link-color: $primary-color;

$error-color: $orange;

$font-size: 100%;

$font-family: $ss-serif;

$toplinks-style: none;

$nav-after-image: false;

$nav-background: $gray;

$nav-color: white;

$nav-font-size: $fz-xsmall;

$nav-full-width-background: false;

$nav-height: 50px;

$nav-submenu-background: $blue;

$nav-item-hover-background: $dark-blue;

$nav-mobile-item-color: black;

$nav-mobile-item-hover-background: $dark-blue;

$nav-mobile-item-hover-color: white;

$nav-mobile-menu-background: white;

$nav-button-background: white;

$nav-button-color: $blue;

$responsive-menu: left-to-right;

$title-color: white;

$title-background: $primary-color;

$title-border-radius: 0;

$title-font-size: $fz-2;

$cell-border-radius: 0;

$cell-border: none;

$cell-background: transparent;

$cell-entry-border: 1px solid $primary-color;

$cell-entry-color: $gray;

$cell-entry-hover-color: $primary-color;

$cell-entry-hover-background: transparent;

$widget-border: 1px solid $gray;

$widget-background: none;

$widget-color: $gray;

$widget-focus-border: 1px solid $blue;

$widget-focus-outline: 1px solid $blue;

$button-background: $blue;

$button-border-radius: 10px;

$button-border: transparent;

$button-color: white;

$button-hover-background: $dark-blue;

$button-hover-color: white;

$buttons-order: previous, cancel (grow), submit;

$wcs-step-color: $gray;

$footer-background: $gray;

$footer-link-color: white;

{

  "label": "Angoulême",

  "variables": {

    "theme_color": "#009CDC",

    "email_header_asset": "emails:logo",

    "pwa_display": "standalone"

  },

  "settings": {

    "combo": {

      "COMBO_ASSET_SLOTS.update": {

        "header:background": { "label": "Têtière : fond" },

        "header:logo": { "label": "Têtière : logo" },

        "emails:logo": {"label": "Emails : logo"},

        "footer:logo": { "label": "Pied de Page : logo" }

      }

    }

  }

}

@charset "UTF-8";

@import '../includes/fonts/muli';

@import 'vars';

@import '../includes/publik';

@import 'custom';