ajust nav et font
This commit is contained in:
@@ -1,49 +0,0 @@
|
||||
.bricklayer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*@media screen and (min-width: 1200px) {*/
|
||||
/*.bricklayer-column-sizer {*/
|
||||
/*width: 33.33333%;*/
|
||||
/*}*/
|
||||
/*}*/
|
||||
|
||||
.bricklayer-column {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
@@ -1,706 +0,0 @@
|
||||
/*!
|
||||
* Hamburgers
|
||||
* @description Tasty CSS-animated hamburgers
|
||||
* @author Jonathan Suh @jonsuh
|
||||
* @site https://jonsuh.com/hamburgers
|
||||
* @link https://github.com/jonsuh/hamburgers
|
||||
*/
|
||||
.hamburger {
|
||||
padding: 15px 15px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
transition-property: opacity, filter;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: linear;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
text-transform: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
overflow: visible; }
|
||||
.hamburger:hover {
|
||||
opacity: 0.7; }
|
||||
.hamburger.is-active:hover {
|
||||
opacity: 0.7; }
|
||||
.hamburger.is-active .hamburger-inner,
|
||||
.hamburger.is-active .hamburger-inner::before,
|
||||
.hamburger.is-active .hamburger-inner::after {
|
||||
background-color: #000; }
|
||||
|
||||
.hamburger-box {
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
|
||||
.hamburger-inner {
|
||||
display: block;
|
||||
top: 50%;
|
||||
margin-top: -2px; }
|
||||
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background-color: #000;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
transition-property: transform;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: ease; }
|
||||
.hamburger-inner::before, .hamburger-inner::after {
|
||||
content: "";
|
||||
display: block; }
|
||||
.hamburger-inner::before {
|
||||
top: -10px; }
|
||||
.hamburger-inner::after {
|
||||
bottom: -10px; }
|
||||
|
||||
/*
|
||||
* 3DX
|
||||
*/
|
||||
.hamburger--3dx .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dx .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dx.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateY(180deg); }
|
||||
.hamburger--3dx.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dx.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DX Reverse
|
||||
*/
|
||||
.hamburger--3dx-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dx-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dx-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateY(-180deg); }
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DY
|
||||
*/
|
||||
.hamburger--3dy .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dy .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dy.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(-180deg); }
|
||||
.hamburger--3dy.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dy.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DY Reverse
|
||||
*/
|
||||
.hamburger--3dy-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dy-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dy-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg); }
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DXY
|
||||
*/
|
||||
.hamburger--3dxy .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dxy .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dxy.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg) rotateY(180deg); }
|
||||
.hamburger--3dxy.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dxy.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DXY Reverse
|
||||
*/
|
||||
.hamburger--3dxy-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dxy-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* Arrow
|
||||
*/
|
||||
.hamburger--arrow.is-active .hamburger-inner::before {
|
||||
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
.hamburger--arrow.is-active .hamburger-inner::after {
|
||||
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Right
|
||||
*/
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Alt
|
||||
*/
|
||||
.hamburger--arrowalt .hamburger-inner::before {
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
/*
|
||||
* Arrow Alt Right
|
||||
*/
|
||||
.hamburger--arrowalt-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt-r .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
/*
|
||||
* Arrow Turn
|
||||
*/
|
||||
.hamburger--arrowturn.is-active .hamburger-inner {
|
||||
transform: rotate(-180deg); }
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::before {
|
||||
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::after {
|
||||
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Turn Right
|
||||
*/
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner {
|
||||
transform: rotate(-180deg); }
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Boring
|
||||
*/
|
||||
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
|
||||
transition-property: none; }
|
||||
|
||||
.hamburger--boring.is-active .hamburger-inner {
|
||||
transform: rotate(45deg); }
|
||||
.hamburger--boring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--boring.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg); }
|
||||
|
||||
/*
|
||||
* Collapse
|
||||
*/
|
||||
.hamburger--collapse .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--collapse .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
||||
.hamburger--collapse .hamburger-inner::before {
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--collapse.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--collapse.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
|
||||
.hamburger--collapse.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Collapse Reverse
|
||||
*/
|
||||
.hamburger--collapse-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--collapse-r .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
||||
.hamburger--collapse-r .hamburger-inner::before {
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--collapse-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Elastic
|
||||
*/
|
||||
.hamburger--elastic .hamburger-inner {
|
||||
top: 2px;
|
||||
transition-duration: 0.275s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.hamburger--elastic .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: opacity 0.125s 0.275s ease; }
|
||||
.hamburger--elastic .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
|
||||
.hamburger--elastic.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(135deg);
|
||||
transition-delay: 0.075s; }
|
||||
.hamburger--elastic.is-active .hamburger-inner::before {
|
||||
transition-delay: 0s;
|
||||
opacity: 0; }
|
||||
.hamburger--elastic.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(-270deg);
|
||||
transition-delay: 0.075s; }
|
||||
|
||||
/*
|
||||
* Elastic Reverse
|
||||
*/
|
||||
.hamburger--elastic-r .hamburger-inner {
|
||||
top: 2px;
|
||||
transition-duration: 0.275s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.hamburger--elastic-r .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: opacity 0.125s 0.275s ease; }
|
||||
.hamburger--elastic-r .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
|
||||
.hamburger--elastic-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(-135deg);
|
||||
transition-delay: 0.075s; }
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::before {
|
||||
transition-delay: 0s;
|
||||
opacity: 0; }
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(270deg);
|
||||
transition-delay: 0.075s; }
|
||||
|
||||
/*
|
||||
* Emphatic
|
||||
*/
|
||||
.hamburger--emphatic {
|
||||
overflow: hidden; }
|
||||
.hamburger--emphatic .hamburger-inner {
|
||||
transition: background-color 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic .hamburger-inner::before {
|
||||
left: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic .hamburger-inner::after {
|
||||
top: 10px;
|
||||
right: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic.is-active .hamburger-inner {
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: ease-out;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--emphatic.is-active .hamburger-inner::before {
|
||||
left: -80px;
|
||||
top: -80px;
|
||||
transform: translate3d(80px, 80px, 0) rotate(45deg);
|
||||
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
.hamburger--emphatic.is-active .hamburger-inner::after {
|
||||
right: -80px;
|
||||
top: -80px;
|
||||
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
|
||||
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
|
||||
/*
|
||||
* Emphatic Reverse
|
||||
*/
|
||||
.hamburger--emphatic-r {
|
||||
overflow: hidden; }
|
||||
.hamburger--emphatic-r .hamburger-inner {
|
||||
transition: background-color 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r .hamburger-inner::before {
|
||||
left: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r .hamburger-inner::after {
|
||||
top: 10px;
|
||||
right: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner {
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: ease-out;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner::before {
|
||||
left: -80px;
|
||||
top: 80px;
|
||||
transform: translate3d(80px, -80px, 0) rotate(-45deg);
|
||||
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner::after {
|
||||
right: -80px;
|
||||
top: 80px;
|
||||
transform: translate3d(-80px, -80px, 0) rotate(45deg);
|
||||
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
|
||||
/*
|
||||
* Minus
|
||||
*/
|
||||
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
|
||||
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
|
||||
opacity: 0;
|
||||
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before {
|
||||
top: 0; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::after {
|
||||
bottom: 0; }
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.hamburger--slider .hamburger-inner {
|
||||
top: 2px; }
|
||||
.hamburger--slider .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition-property: transform, opacity;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: 0.15s; }
|
||||
.hamburger--slider .hamburger-inner::after {
|
||||
top: 20px; }
|
||||
|
||||
.hamburger--slider.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--slider.is-active .hamburger-inner::before {
|
||||
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
|
||||
opacity: 0; }
|
||||
.hamburger--slider.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(-90deg); }
|
||||
|
||||
/*
|
||||
* Slider Reverse
|
||||
*/
|
||||
.hamburger--slider-r .hamburger-inner {
|
||||
top: 2px; }
|
||||
.hamburger--slider-r .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition-property: transform, opacity;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: 0.15s; }
|
||||
.hamburger--slider-r .hamburger-inner::after {
|
||||
top: 20px; }
|
||||
|
||||
.hamburger--slider-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
||||
.hamburger--slider-r.is-active .hamburger-inner::before {
|
||||
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
|
||||
opacity: 0; }
|
||||
.hamburger--slider-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(90deg); }
|
||||
|
||||
/*
|
||||
* Spin
|
||||
*/
|
||||
.hamburger--spin .hamburger-inner {
|
||||
transition-duration: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spin .hamburger-inner::before {
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
|
||||
.hamburger--spin .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spin.is-active .hamburger-inner {
|
||||
transform: rotate(225deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spin.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
|
||||
.hamburger--spin.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Spin Reverse
|
||||
*/
|
||||
.hamburger--spin-r .hamburger-inner {
|
||||
transition-duration: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spin-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
|
||||
.hamburger--spin-r .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spin-r.is-active .hamburger-inner {
|
||||
transform: rotate(-225deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spin-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
|
||||
.hamburger--spin-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Spring
|
||||
*/
|
||||
.hamburger--spring .hamburger-inner {
|
||||
top: 2px;
|
||||
transition: background-color 0s 0.13s linear; }
|
||||
.hamburger--spring .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spring .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spring.is-active .hamburger-inner {
|
||||
transition-delay: 0.22s;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--spring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--spring.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* Spring Reverse
|
||||
*/
|
||||
.hamburger--spring-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spring-r .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
|
||||
.hamburger--spring-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spring-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spring-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
|
||||
.hamburger--spring-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Stand
|
||||
*/
|
||||
.hamburger--stand .hamburger-inner {
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
|
||||
.hamburger--stand .hamburger-inner::before {
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--stand .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--stand.is-active .hamburger-inner {
|
||||
transform: rotate(90deg);
|
||||
background-color: transparent !important;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
|
||||
.hamburger--stand.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-45deg);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--stand.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Stand Reverse
|
||||
*/
|
||||
.hamburger--stand-r .hamburger-inner {
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
|
||||
.hamburger--stand-r .hamburger-inner::before {
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--stand-r .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--stand-r.is-active .hamburger-inner {
|
||||
transform: rotate(-90deg);
|
||||
background-color: transparent !important;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
|
||||
.hamburger--stand-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-45deg);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--stand-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Squeeze
|
||||
*/
|
||||
.hamburger--squeeze .hamburger-inner {
|
||||
transition-duration: 0.075s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--squeeze .hamburger-inner::before {
|
||||
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
|
||||
.hamburger--squeeze .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--squeeze.is-active .hamburger-inner {
|
||||
transform: rotate(45deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--squeeze.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
|
||||
.hamburger--squeeze.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Vortex
|
||||
*/
|
||||
.hamburger--vortex .hamburger-inner {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: linear; }
|
||||
.hamburger--vortex .hamburger-inner::before {
|
||||
transition-property: top, opacity; }
|
||||
.hamburger--vortex .hamburger-inner::after {
|
||||
transition-property: bottom, transform; }
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner {
|
||||
transform: rotate(765deg);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
|
||||
transition-delay: 0s; }
|
||||
.hamburger--vortex.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--vortex.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(90deg); }
|
||||
|
||||
/*
|
||||
* Vortex Reverse
|
||||
*/
|
||||
.hamburger--vortex-r .hamburger-inner {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: linear; }
|
||||
.hamburger--vortex-r .hamburger-inner::before {
|
||||
transition-property: top, opacity; }
|
||||
.hamburger--vortex-r .hamburger-inner::after {
|
||||
transition-property: bottom, transform; }
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner {
|
||||
transform: rotate(-765deg);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
transition-delay: 0s; }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg); }
|
||||
File diff suppressed because one or more lines are too long
@@ -1,361 +0,0 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n display: block;\n visibility: hidden !important;\n top: -1000px !important;\n ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1),(t==1/0||1>t)&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;t>i;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);
|
||||
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
/*! jQuery & Zepto Lazy v1.7.10 - http://jquery.eisbehr.de/lazy - MIT&GPL-2.0 license - Copyright 2012-2018 Daniel 'Eisbehr' Kern */
|
||||
!function(t,e){"use strict";function r(r,a,i,u,l){function f(){L=t.devicePixelRatio>1,i=c(i),a.delay>=0&&setTimeout(function(){s(!0)},a.delay),(a.delay<0||a.combined)&&(u.e=v(a.throttle,function(t){"resize"===t.type&&(w=B=-1),s(t.all)}),u.a=function(t){t=c(t),i.push.apply(i,t)},u.g=function(){return i=n(i).filter(function(){return!n(this).data(a.loadedName)})},u.f=function(t){for(var e=0;e<t.length;e++){var r=i.filter(function(){return this===t[e]});r.length&&s(!1,r)}},s(),n(a.appendScroll).on("scroll."+l+" resize."+l,u.e))}function c(t){var i=a.defaultImage,o=a.placeholder,u=a.imageBase,l=a.srcsetAttribute,f=a.loaderAttribute,c=a._f||{};t=n(t).filter(function(){var t=n(this),r=m(this);return!t.data(a.handledName)&&(t.attr(a.attribute)||t.attr(l)||t.attr(f)||c[r]!==e)}).data("plugin_"+a.name,r);for(var s=0,d=t.length;s<d;s++){var A=n(t[s]),g=m(t[s]),h=A.attr(a.imageBaseAttribute)||u;g===N&&h&&A.attr(l)&&A.attr(l,b(A.attr(l),h)),c[g]===e||A.attr(f)||A.attr(f,c[g]),g===N&&i&&!A.attr(E)?A.attr(E,i):g===N||!o||A.css(O)&&"none"!==A.css(O)||A.css(O,"url('"+o+"')")}return t}function s(t,e){if(!i.length)return void(a.autoDestroy&&r.destroy());for(var o=e||i,u=!1,l=a.imageBase||"",f=a.srcsetAttribute,c=a.handledName,s=0;s<o.length;s++)if(t||e||A(o[s])){var g=n(o[s]),h=m(o[s]),b=g.attr(a.attribute),v=g.attr(a.imageBaseAttribute)||l,p=g.attr(a.loaderAttribute);g.data(c)||a.visibleOnly&&!g.is(":visible")||!((b||g.attr(f))&&(h===N&&(v+b!==g.attr(E)||g.attr(f)!==g.attr(F))||h!==N&&v+b!==g.css(O))||p)||(u=!0,g.data(c,!0),d(g,h,v,p))}u&&(i=n(i).filter(function(){return!n(this).data(c)}))}function d(t,e,r,i){++z;var o=function(){y("onError",t),p(),o=n.noop};y("beforeLoad",t);var u=a.attribute,l=a.srcsetAttribute,f=a.sizesAttribute,c=a.retinaAttribute,s=a.removeAttribute,d=a.loadedName,A=t.attr(c);if(i){var g=function(){s&&t.removeAttr(a.loaderAttribute),t.data(d,!0),y(T,t),setTimeout(p,1),g=n.noop};t.off(I).one(I,o).one(D,g),y(i,t,function(e){e?(t.off(D),g()):(t.off(I),o())})||t.trigger(I)}else{var h=n(new Image);h.one(I,o).one(D,function(){t.hide(),e===N?t.attr(C,h.attr(C)).attr(F,h.attr(F)).attr(E,h.attr(E)):t.css(O,"url('"+h.attr(E)+"')"),t[a.effect](a.effectTime),s&&(t.removeAttr(u+" "+l+" "+c+" "+a.imageBaseAttribute),f!==C&&t.removeAttr(f)),t.data(d,!0),y(T,t),h.remove(),p()});var m=(L&&A?A:t.attr(u))||"";h.attr(C,t.attr(f)).attr(F,t.attr(l)).attr(E,m?r+m:null),h.complete&&h.trigger(D)}}function A(t){var e=t.getBoundingClientRect(),r=a.scrollDirection,n=a.threshold,i=h()+n>e.top&&-n<e.bottom,o=g()+n>e.left&&-n<e.right;return"vertical"===r?i:"horizontal"===r?o:i&&o}function g(){return w>=0?w:w=n(t).width()}function h(){return B>=0?B:B=n(t).height()}function m(t){return t.tagName.toLowerCase()}function b(t,e){if(e){var r=t.split(",");t="";for(var a=0,n=r.length;a<n;a++)t+=e+r[a].trim()+(a!==n-1?",":"")}return t}function v(t,e){var n,i=0;return function(o,u){function l(){i=+new Date,e.call(r,o)}var f=+new Date-i;n&&clearTimeout(n),f>t||!a.enableThrottle||u?l():n=setTimeout(l,t-f)}}function p(){--z,i.length||z||y("onFinishedAll")}function y(t,e,n){return!!(t=a[t])&&(t.apply(r,[].slice.call(arguments,1)),!0)}var z=0,w=-1,B=-1,L=!1,T="afterLoad",D="load",I="error",N="img",E="src",F="srcset",C="sizes",O="background-image";"event"===a.bind||o?f():n(t).on(D+"."+l,f)}function a(a,o){var u=this,l=n.extend({},u.config,o),f={},c=l.name+"-"+ ++i;return u.config=function(t,r){return r===e?l[t]:(l[t]=r,u)},u.addItems=function(t){return f.a&&f.a("string"===n.type(t)?n(t):t),u},u.getItems=function(){return f.g?f.g():{}},u.update=function(t){return f.e&&f.e({},!t),u},u.force=function(t){return f.f&&f.f("string"===n.type(t)?n(t):t),u},u.loadAll=function(){return f.e&&f.e({all:!0},!0),u},u.destroy=function(){return n(l.appendScroll).off("."+c,f.e),n(t).off("."+c),f={},e},r(u,l,a,f,c),l.chainable?a:u}var n=t.jQuery||t.Zepto,i=0,o=!1;n.fn.Lazy=n.fn.lazy=function(t){return new a(this,t)},n.Lazy=n.lazy=function(t,r,i){if(n.isFunction(r)&&(i=r,r=[]),n.isFunction(i)){t=n.isArray(t)?t:[t],r=n.isArray(r)?r:[r];for(var o=a.prototype.config,u=o._f||(o._f={}),l=0,f=t.length;l<f;l++)(o[t[l]]===e||n.isFunction(o[t[l]]))&&(o[t[l]]=i);for(var c=0,s=r.length;c<s;c++)u[r[c]]=t[0]}},a.prototype.config={name:"lazy",chainable:!0,autoDestroy:!0,bind:"load",threshold:500,visibleOnly:!1,appendScroll:t,scrollDirection:"both",imageBase:null,defaultImage:"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",placeholder:null,delay:-1,combined:!1,attribute:"data-src",srcsetAttribute:"data-srcset",sizesAttribute:"data-sizes",retinaAttribute:"data-retina",loaderAttribute:"data-loader",imageBaseAttribute:"data-imagebase",removeAttribute:!0,handledName:"handled",loadedName:"loaded",effect:"show",effectTime:0,enableThrottle:!0,throttle:250,beforeLoad:e,afterLoad:e,onError:e,onFinishedAll:e},n(t).on("load",function(){o=!0})}(window);
|
||||
@@ -1,87 +0,0 @@
|
||||
/*
|
||||
treeMenu - jQuery plugin
|
||||
version: 0.6
|
||||
|
||||
Copyright 2014 Stepan Krapivin
|
||||
|
||||
*/
|
||||
(function($){
|
||||
$.fn.treemenu = function(options) {
|
||||
options = options || {};
|
||||
options.delay = options.delay || 0;
|
||||
options.openActive = options.openActive || false;
|
||||
options.closeOther = options.closeOther || false;
|
||||
options.activeSelector = options.activeSelector || ".active";
|
||||
|
||||
this.addClass("treemenu");
|
||||
|
||||
if (!options.nonroot) {
|
||||
this.addClass("treemenu-root");
|
||||
}
|
||||
|
||||
options.nonroot = true;
|
||||
|
||||
this.find("> li").each(function() {
|
||||
e = $(this);
|
||||
var subtree = e.find('> ul');
|
||||
var button = e.find('.toggler').eq(0);
|
||||
|
||||
if(button.length == 0) {
|
||||
// create toggler
|
||||
var button = $('<span>');
|
||||
button.addClass('toggler');
|
||||
e.prepend(button);
|
||||
}
|
||||
|
||||
if(subtree.length > 0) {
|
||||
subtree.hide();
|
||||
|
||||
e.addClass('tree-closed');
|
||||
|
||||
e.find(button).click(function() {
|
||||
var li = $(this).parent('li');
|
||||
|
||||
if (options.closeOther && li.hasClass('tree-closed')) {
|
||||
var siblings = li.parent('ul').find("li:not(.tree-empty)");
|
||||
siblings.removeClass("tree-opened");
|
||||
siblings.addClass("tree-closed");
|
||||
siblings.removeClass(options.activeSelector);
|
||||
siblings.find('> ul').slideUp(options.delay);
|
||||
}
|
||||
|
||||
li.find('> ul').slideToggle(options.delay);
|
||||
li.toggleClass('tree-opened');
|
||||
li.toggleClass('tree-closed');
|
||||
li.toggleClass(options.activeSelector);
|
||||
});
|
||||
|
||||
$(this).find('> ul').treemenu(options);
|
||||
} else {
|
||||
$(this).addClass('tree-empty');
|
||||
}
|
||||
});
|
||||
|
||||
if (options.openActive) {
|
||||
var cls = this.attr("class");
|
||||
|
||||
this.find(options.activeSelector).each(function(){
|
||||
var el = $(this).parent();
|
||||
|
||||
while (el.attr("class") !== cls) {
|
||||
el.find('> ul').show();
|
||||
if(el.prop("tagName") === 'UL') {
|
||||
el.show();
|
||||
} else if (el.prop("tagName") === 'LI') {
|
||||
el.removeClass('tree-closed');
|
||||
el.addClass("tree-opened");
|
||||
el.show();
|
||||
}
|
||||
|
||||
el = el.parent();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
})(jQuery);
|
||||
@@ -1,257 +0,0 @@
|
||||
/*!
|
||||
* Lazy Load - jQuery plugin for lazy loading images
|
||||
*
|
||||
* Copyright (c) 2007-2017 Mika Tuupola
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Project home:
|
||||
* http://www.appelsiini.net/projects/lazyload
|
||||
*
|
||||
* Version: 1.10.0-dev
|
||||
*
|
||||
*/
|
||||
|
||||
(function($, window, document, undefined) {
|
||||
var $window = $(window);
|
||||
|
||||
$.fn.lazyload = function(options) {
|
||||
var elements = this;
|
||||
var $container;
|
||||
var settings = {
|
||||
threshold : 0,
|
||||
failure_limit : 0,
|
||||
event : "scroll.lazyload",
|
||||
effect : "show",
|
||||
container : window,
|
||||
data_attribute : "original",
|
||||
data_srcset : "srcset",
|
||||
skip_invisible : false,
|
||||
appear : null,
|
||||
load : null,
|
||||
placeholder : "data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="
|
||||
};
|
||||
|
||||
function update() {
|
||||
var counter = 0;
|
||||
|
||||
elements.each(function() {
|
||||
var $this = $(this);
|
||||
if (settings.skip_invisible && !$this.is(":visible")) {
|
||||
return;
|
||||
}
|
||||
if ($.abovethetop(this, settings) ||
|
||||
$.leftofbegin(this, settings)) {
|
||||
/* Nothing. */
|
||||
} else if (!$.belowthefold(this, settings) &&
|
||||
!$.rightoffold(this, settings)) {
|
||||
$this.trigger("appear");
|
||||
/* if we found an image we'll load, reset the counter */
|
||||
counter = 0;
|
||||
} else {
|
||||
if (++counter > settings.failure_limit) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if(options) {
|
||||
/* Maintain BC for a couple of versions. */
|
||||
if (undefined !== options.failurelimit) {
|
||||
options.failure_limit = options.failurelimit;
|
||||
delete options.failurelimit;
|
||||
}
|
||||
if (undefined !== options.effectspeed) {
|
||||
options.effect_speed = options.effectspeed;
|
||||
delete options.effectspeed;
|
||||
}
|
||||
|
||||
$.extend(settings, options);
|
||||
}
|
||||
|
||||
/* Cache container as jQuery as object. */
|
||||
$container = (settings.container === undefined ||
|
||||
settings.container === window) ? $window : $(settings.container);
|
||||
|
||||
/* Fire one scroll event per scroll. Not one scroll event per image. */
|
||||
if (0 === settings.event.indexOf("scroll")) {
|
||||
$container.off(settings.event).on(settings.event, function() {
|
||||
return update();
|
||||
});
|
||||
}
|
||||
|
||||
this.each(function() {
|
||||
var self = this;
|
||||
var $self = $(self);
|
||||
|
||||
self.loaded = false;
|
||||
|
||||
/* If no src attribute given use data:uri. */
|
||||
if ($self.attr("src") === undefined || $self.attr("src") === false) {
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", settings.placeholder);
|
||||
}
|
||||
}
|
||||
|
||||
/* When appear is triggered load original image. */
|
||||
$self.one("appear", function() {
|
||||
if (!this.loaded) {
|
||||
if (settings.appear) {
|
||||
var elements_left = elements.length;
|
||||
settings.appear.call(self, elements_left, settings);
|
||||
}
|
||||
$("<img />")
|
||||
.one("load", function() {
|
||||
var original = $self.attr("data-" + settings.data_attribute);
|
||||
var srcset = $self.attr("data-" + settings.data_srcset);
|
||||
|
||||
if (original !== $self.attr("src")) {
|
||||
$self.hide();
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", original);
|
||||
if (srcset !== null) {
|
||||
$self.attr("srcset", srcset);
|
||||
}
|
||||
} if ($self.is("video")) {
|
||||
$self.attr("poster", original);
|
||||
} else {
|
||||
$self.css("background-image", "url('" + original + "')");
|
||||
}
|
||||
$self[settings.effect](settings.effect_speed);
|
||||
}
|
||||
|
||||
self.loaded = true;
|
||||
|
||||
/* Remove image from array so it is not looped next time. */
|
||||
var temp = $.grep(elements, function(element) {
|
||||
return !element.loaded;
|
||||
});
|
||||
elements = $(temp);
|
||||
|
||||
if (settings.load) {
|
||||
var elements_left = elements.length;
|
||||
settings.load.call(self, elements_left, settings);
|
||||
}
|
||||
})
|
||||
.bind("error", function(){
|
||||
$(self).trigger("error");
|
||||
})
|
||||
.attr({
|
||||
"src": $self.attr("data-" + settings.data_attribute),
|
||||
"srcset": $self.attr("data-" + settings.data_srcset) || ""
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* When wanted event is triggered load original image */
|
||||
/* by triggering appear. */
|
||||
if (0 !== settings.event.indexOf("scroll")) {
|
||||
$self.off(settings.event).on(settings.event, function() {
|
||||
if (!self.loaded) {
|
||||
$self.trigger("appear");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* Check if something appears when window is resized. */
|
||||
$window.off("resize.lazyload").bind("resize.lazyload", function() {
|
||||
update();
|
||||
});
|
||||
|
||||
/* With IOS5 force loading images when navigating with back button. */
|
||||
/* Non optimal workaround. */
|
||||
if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
|
||||
$window.on("pageshow", function(event) {
|
||||
if (event.originalEvent && event.originalEvent.persisted) {
|
||||
elements.each(function() {
|
||||
$(this).trigger("appear");
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* Force initial check if images should appear. */
|
||||
$(function() {
|
||||
update();
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/* Convenience methods in jQuery namespace. */
|
||||
/* Use as $.belowthefold(element, {threshold : 100, container : window}) */
|
||||
|
||||
$.belowthefold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top + $(settings.container).height();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().top - settings.threshold;
|
||||
};
|
||||
|
||||
$.rightoffold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.width() + $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left + $(settings.container).width();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().left - settings.threshold;
|
||||
};
|
||||
|
||||
$.abovethetop = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().top + settings.threshold + $(element).height();
|
||||
};
|
||||
|
||||
$.leftofbegin = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().left + settings.threshold + $(element).width();
|
||||
};
|
||||
|
||||
$.inviewport = function(element, settings) {
|
||||
return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
|
||||
!$.belowthefold(element, settings) && !$.abovethetop(element, settings);
|
||||
};
|
||||
|
||||
/* Custom selectors for your convenience. */
|
||||
/* Use as $("img:below-the-fold").something() or */
|
||||
/* $("img").filter(":below-the-fold").something() which is faster */
|
||||
|
||||
$.extend($.expr[":"], {
|
||||
"below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
|
||||
"above-the-top" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
|
||||
"in-viewport" : function(a) { return $.inviewport(a, {threshold : 0}); },
|
||||
/* Maintain BC for couple of versions. */
|
||||
"above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-fold" : function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-fold" : function(a) { return !$.rightoffold(a, {threshold : 0}); }
|
||||
});
|
||||
|
||||
})(jQuery, window, document);
|
||||
@@ -1,9 +0,0 @@
|
||||
/* scopeQuerySelectorShim.js
|
||||
*
|
||||
* Copyright (C) 2015 Larry Davis
|
||||
* All rights reserved.
|
||||
*
|
||||
* This software may be modified and distributed under the terms
|
||||
* of the BSD license. See the LICENSE file for details.
|
||||
*/
|
||||
!function(){function a(a,c){var e=a[c];a[c]=function(a){var c,f=!1,g=!1;return a.match(d)?(a=a.replace(d,""),this.parentNode||(b.appendChild(this),g=!0),parentNode=this.parentNode,this.id||(this.id="rootedQuerySelector_id_"+(new Date).getTime(),f=!0),c=e.call(parentNode,"#"+this.id+" "+a),f&&(this.id=""),g&&b.removeChild(this),c):e.call(this,a)}}if(!HTMLElement.prototype.querySelectorAll)throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll");var b=document.createElement("div");try{b.querySelectorAll(":scope *")}catch(c){var d=/^\s*:scope/gi;a(HTMLElement.prototype,"querySelector"),a(HTMLElement.prototype,"querySelectorAll")}}();
|
||||
@@ -1,8 +0,0 @@
|
||||
/**
|
||||
* Single Page Nav Plugin
|
||||
* Copyright (c) 2014 Chris Wojcik <hello@chriswojcik.net>
|
||||
* Dual licensed under MIT and GPL.
|
||||
* @author Chris Wojcik
|
||||
* @version 1.2.0
|
||||
*/
|
||||
if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}(function(e,t,n,r){"use strict";var i={init:function(n,r){this.options=e.extend({},e.fn.singlePageNav.defaults,n);this.container=r;this.$container=e(r);this.$links=this.$container.find("a");if(this.options.filter!==""){this.$links=this.$links.filter(this.options.filter)}this.$window=e(t);this.$htmlbody=e("html, body");this.$links.on("click.singlePageNav",e.proxy(this.handleClick,this));this.didScroll=false;this.checkPosition();this.setTimer()},handleClick:function(t){var n=this,r=t.currentTarget,i=e(r.hash);t.preventDefault();if(i.length){n.clearTimer();if(typeof n.options.beforeStart==="function"){n.options.beforeStart()}n.setActiveLink(r.hash);n.scrollTo(i,function(){if(n.options.updateHash&&history.pushState){history.pushState(null,null,r.hash)}n.setTimer();if(typeof n.options.onComplete==="function"){n.options.onComplete()}})}},scrollTo:function(e,t){var n=this;var r=n.getCoords(e).top;var i=false;n.$htmlbody.stop().animate({scrollTop:r},{duration:n.options.speed,easing:n.options.easing,complete:function(){if(typeof t==="function"&&!i){t()}i=true}})},setTimer:function(){var e=this;e.$window.on("scroll.singlePageNav",function(){e.didScroll=true});e.timer=setInterval(function(){if(e.didScroll){e.didScroll=false;e.checkPosition()}},250)},clearTimer:function(){clearInterval(this.timer);this.$window.off("scroll.singlePageNav");this.didScroll=false},checkPosition:function(){var e=this.$window.scrollTop();var t=this.getCurrentSection(e);this.setActiveLink(t)},getCoords:function(e){return{top:Math.round(e.offset().top)-this.options.offset}},setActiveLink:function(e){var t=this.$container.find("a[href$='"+e+"']");if(!t.hasClass(this.options.currentClass)){this.$links.removeClass(this.options.currentClass);t.addClass(this.options.currentClass)}},getCurrentSection:function(t){var n,r,i,s;for(n=0;n<this.$links.length;n++){r=this.$links[n].hash;if(e(r).length){i=this.getCoords(e(r));if(t>=i.top-this.options.threshold){s=r}}}return s||this.$links[0].hash}};e.fn.singlePageNav=function(e){return this.each(function(){var t=Object.create(i);t.init(e,this)})};e.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:false,filter:"",onComplete:false,beforeStart:false}})(jQuery,window,document);
|
||||
@@ -1,294 +0,0 @@
|
||||
function click_link() {
|
||||
|
||||
$link = $('#text_figli p > a');
|
||||
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
if ($this.hasClass('open')) {
|
||||
$this.removeClass('open');
|
||||
$('#item_list.'+ cat).remove();
|
||||
} else {
|
||||
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$(data).find('#item_list').addClass(cat).insertAfter($this);
|
||||
$this.addClass('open');
|
||||
|
||||
},
|
||||
complete: function(data) {
|
||||
console.log('cat', cat);
|
||||
lazyload();
|
||||
click_img(e, $this, $href, url, page, cat, project_name);
|
||||
closeAjax();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function click_list() {
|
||||
var $link = $('.list-projets li > a');
|
||||
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
var $link_txt = $('#text_figli a#'+cat);
|
||||
var $link_item = $('#item_list.'+cat);
|
||||
var $link_card = $('.card > #'+project_name + ' a');
|
||||
|
||||
if ($link_txt.hasClass('open') && $link_card.parent().hasClass('open') ) {
|
||||
|
||||
anchor($href);
|
||||
|
||||
}else if ($link_txt.hasClass('open')) {
|
||||
anchor($href);
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$('#item_list.'+cat+' .card-image.open #item').remove();
|
||||
$('#item_list.'+cat+' .card-image').removeClass('open');
|
||||
$(data).find('#item').addClass(cat).insertAfter($link_card);
|
||||
|
||||
$link_card.parent().addClass('open');
|
||||
|
||||
},
|
||||
complete: function(data) {
|
||||
lazyload();
|
||||
// animate();
|
||||
marg_item(project_name);
|
||||
closeAjax();
|
||||
},
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
|
||||
$(data).find('#item_list').addClass(cat).insertAfter($link_txt);
|
||||
$link_txt.addClass('open');
|
||||
|
||||
anchor($href);
|
||||
|
||||
$('.card a').click(function (e) {
|
||||
e.preventDefault()
|
||||
})
|
||||
|
||||
click_img(e, $this, $href, url, page, cat, project_name)
|
||||
},
|
||||
complete: function(data) {
|
||||
console.log('cat', cat);
|
||||
lazyload();
|
||||
|
||||
var $link_card = $('.card > #'+project_name + ' a');
|
||||
|
||||
setTimeout( function(){
|
||||
console.log('project_name', project_name);
|
||||
console.log('$link_card', $link_card);
|
||||
|
||||
if ($link_card.hasClass('open')) {
|
||||
}else {
|
||||
anchor($href);
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$(data).find('#item').addClass(cat).insertAfter($link_card);
|
||||
$link_card.parent().addClass('open');
|
||||
},
|
||||
complete: function(data) {
|
||||
// animate();
|
||||
lazyload();
|
||||
marg_item(project_name);
|
||||
closeAjax();
|
||||
|
||||
},
|
||||
});
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function click_img(e, $this, $href, url, page, cat, project_name) {
|
||||
$('section.' + cat +' .card-image > a').click(function(e) {
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if ($this.parent().hasClass('open')) {
|
||||
$this.parent().removeClass('open');
|
||||
$($this.parent().find('#item.'+ cat)).remove();
|
||||
} else {
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$('#item_list.'+cat+' .card-image.open #item').remove();
|
||||
$('#item_list.'+cat+' .card-image').removeClass('open');
|
||||
$(data).find('#item').addClass(cat).insertAfter($this);
|
||||
$this.parent().addClass('open');
|
||||
marg_item(project_name);
|
||||
anchor($href);
|
||||
},
|
||||
complete:function() {
|
||||
lazyload();
|
||||
closeAjax();
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function anchor($href) {
|
||||
|
||||
var aTag = $("a[href='"+ $href +"']");
|
||||
// console.log('aTag.offset()', aTag.offset().top+10);
|
||||
$('html,body').animate({scrollTop: aTag.offset().top-7},'slow');
|
||||
|
||||
}
|
||||
|
||||
function animate() {
|
||||
var $item_list = $('#item_list .card > .card-image');
|
||||
$item_list.fadeIn( "slow" );
|
||||
}
|
||||
|
||||
function marg_item(project_name) {
|
||||
|
||||
var $item = $('.card-image#'+project_name+' #item');
|
||||
var $item_offset = $item.offset().left-8;
|
||||
var $card = $item.parents('.card');
|
||||
|
||||
var $item_list = $item.parents('#item_list');
|
||||
var pos_card = $card.offset().left;
|
||||
|
||||
var margin_right = $item_list.width() - (pos_card + $card.width());
|
||||
|
||||
console.log('$card.width()',$card.width());
|
||||
console.log('pos_card',pos_card);
|
||||
|
||||
console.log('$item_list',$item_list.width());
|
||||
|
||||
$item.css('margin-left', '-'+$item_offset +'px');
|
||||
// $item.parents('.card').css('margin-right', margin_right);
|
||||
}
|
||||
|
||||
function mouseHover() {
|
||||
|
||||
$link_cat = $('#text_figli p > a');
|
||||
|
||||
$link_cat.mouseenter(function() {
|
||||
link_id = $(this).attr("id");
|
||||
|
||||
$('html').append("<div class=circle_hover ></div>");
|
||||
console.log('link_id',link_id);
|
||||
|
||||
setTimeout(function () {
|
||||
$('.circle_hover').addClass('open '+ link_id);
|
||||
}, 10);
|
||||
|
||||
mousePos();
|
||||
|
||||
})
|
||||
.mouseleave(function() {
|
||||
$('html').find(".circle_hover").remove();
|
||||
});
|
||||
|
||||
function mousePos() {
|
||||
var currentMousePos = { x: 0, y: 0 };
|
||||
var $circle = $('.circle_hover');
|
||||
|
||||
$(document).mousemove(function(event) {
|
||||
currentMousePos.x = event.pageX;
|
||||
currentMousePos.y = event.pageY;
|
||||
|
||||
$circle.css('left', currentMousePos.x );
|
||||
$circle.css('top', currentMousePos.y );
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
function lazyload() {
|
||||
$('.lazy').Lazy({
|
||||
effect: "fadeIn",
|
||||
effectTime: 900,
|
||||
threshold: 0
|
||||
});
|
||||
}
|
||||
|
||||
function redirection() {
|
||||
var url = document.location.href;
|
||||
console.log(url);
|
||||
if (url != 'https://figureslibres.kevintessier.net/') {
|
||||
document.location.href="https://figureslibres.kevintessier.net/"
|
||||
}
|
||||
}
|
||||
|
||||
function animate_burger() {
|
||||
var forEach=function(t,o,r){if("[object Object]"===Object.prototype.toString.call(t))for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.call(r,t[c],c,t);else for(var e=0,l=t.length;l>e;e++)o.call(r,t[e],e,t)};
|
||||
var hamburgers = document.querySelectorAll(".hamburger");
|
||||
var $hamburger = $('button.hamburger');
|
||||
|
||||
if (hamburgers.length > 0) {
|
||||
forEach(hamburgers, function(hamburger) {
|
||||
hamburger.addEventListener("click", function() {
|
||||
this.classList.toggle("is-active");
|
||||
}, false);
|
||||
});
|
||||
}
|
||||
|
||||
$hamburger.click(function() {
|
||||
$('.sidebar-right').toggleClass("is-active");
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
function closeAjax() {
|
||||
var $button = $('#item_list #icone_list');
|
||||
|
||||
$button.click(function() {
|
||||
$(this).parent().remove();
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function($){
|
||||
// redirection();
|
||||
click_link();
|
||||
click_list();
|
||||
mouseHover();
|
||||
animate_burger();
|
||||
});
|
||||
@@ -1,6 +0,0 @@
|
||||
/*
|
||||
* smoothscroll polyfill - v0.3.4
|
||||
* https://iamdustan.github.io/smoothscroll
|
||||
* 2016 (c) Dustan Kasten, Jeremias Menichelli - MIT License
|
||||
*/
|
||||
!function(o,t,l){"use strict";function e(){function e(o,t){this.scrollLeft=o,this.scrollTop=t}function r(o){return.5*(1-Math.cos(Math.PI*o))}function n(o){if("object"!=typeof o||null===o||o.behavior===l||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior not valid")}function c(l){var e,r,n;do l=l.parentNode,e=l===t.body,r=l.clientHeight<l.scrollHeight||l.clientWidth<l.scrollWidth,n="visible"===o.getComputedStyle(l,null).overflow;while(!e&&(!r||n));return e=r=n=null,l}function i(t){t.frame=o.requestAnimationFrame(i.bind(o,t));var l,e,n,c=u(),s=(c-t.startTime)/f;return s=s>1?1:s,l=r(s),e=t.startX+(t.x-t.startX)*l,n=t.startY+(t.y-t.startY)*l,t.method.call(t.scrollable,e,n),e===t.x&&n===t.y?void o.cancelAnimationFrame(t.frame):void 0}function s(l,r,n){var c,s,a,f,d,h=u();l===t.body?(c=o,s=o.scrollX||o.pageXOffset,a=o.scrollY||o.pageYOffset,f=p.scroll):(c=l,s=l.scrollLeft,a=l.scrollTop,f=e),d&&o.cancelAnimationFrame(d),i({scrollable:c,method:f,startTime:h,startX:s,startY:a,x:r,y:n,frame:d})}if(!("scrollBehavior"in t.documentElement.style)){var a=o.HTMLElement||o.Element,f=468,p={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,scrollIntoView:a.prototype.scrollIntoView},u=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now;o.scroll=o.scrollTo=function(){return n(arguments[0])?void p.scroll.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left,~~arguments[0].top)},o.scrollBy=function(){return n(arguments[0])?void p.scrollBy.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset))},a.prototype.scrollIntoView=function(){if(n(arguments[0]))return void p.scrollIntoView.call(this,arguments[0]||!0);var l=c(this),e=l.getBoundingClientRect(),r=this.getBoundingClientRect();l!==t.body?(s.call(this,l,l.scrollLeft+r.left-e.left,l.scrollTop+r.top-e.top),o.scrollBy({left:e.left,top:e.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}}}"object"==typeof exports?module.exports={polyfill:e}:e()}(window,document);
|
||||
@@ -1,145 +0,0 @@
|
||||
// Font Family
|
||||
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-mono: "Inconsolata", monospace;
|
||||
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
||||
// @font-face
|
||||
|
||||
$lato: "lato";
|
||||
$family: "lato";
|
||||
$file-regular: "Lato-Regular";
|
||||
$category: "sans-serif";
|
||||
|
||||
@mixin font-face($lato, $file-regular, $family, $category:"") {
|
||||
$filepath: "../fonts/" + $family + "/" + $file-regular;
|
||||
@font-face {
|
||||
font-family: "#{$lato}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $lato + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$lato} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$lato}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$lato}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$syne: "syne";
|
||||
$family-bold: "syne";
|
||||
$file-bold: "Syne-Bold";
|
||||
|
||||
@mixin font-face($syne, $file-bold, $family-bold, $category:"") {
|
||||
$filepath: "../fonts/" + $family-bold + "/" + $file-bold;
|
||||
@font-face {
|
||||
font-family: "#{$syne}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
}
|
||||
|
||||
%#{$syne} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$syne}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$syne}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$avara: "Avara";
|
||||
$family-bold-italic: "avara";
|
||||
$file-bold-italic: "Avara-Bold_Italic_web";
|
||||
|
||||
@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
|
||||
$filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
|
||||
@font-face {
|
||||
font-family: "#{$avara}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $avara + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$avara} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$avara}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$avara}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$playfair: "playfairdisplay-regularitalic";
|
||||
$family-italic: "playfair";
|
||||
$file-italic: "playfairdisplay-regularitalic";
|
||||
|
||||
@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
|
||||
$filepath: "../fonts/" + $family-italic + "/" + $file-italic;
|
||||
@font-face {
|
||||
font-family: "#{$playfair}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $playfair + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$playfair} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$playfair}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$playfair}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$moche: "Moche-Bold";
|
||||
$family-regular2: "moche";
|
||||
$file-regular2: "Moche-Bold";
|
||||
|
||||
@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
|
||||
$filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
|
||||
@font-face {
|
||||
font-family: "#{$moche}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $moche + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$moche} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$moche}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$moche}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,39 +0,0 @@
|
||||
@include font-face($lato, $file-regular, $family, $category);//1
|
||||
@include font-face($syne, $file-bold, $family-bold, $category);//2
|
||||
@include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
|
||||
@include font-face($playfair, $file-italic, $family-italic, $category);//2
|
||||
@include font-face($moche, $file-regular2, $family-regular2, $category);//2
|
||||
|
||||
// font-size
|
||||
$txt-figli: 2.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome: 3rem;
|
||||
|
||||
$marg: 0.5rem;
|
||||
$margI: 1rem;
|
||||
$Wi: 80%;
|
||||
|
||||
$Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
|
||||
$Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
|
||||
$Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
|
||||
|
||||
// mobile
|
||||
$txt-figli-m: 1.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome-m: 2rem;
|
||||
$Wi-m: calc( 100% - 0.5rem);
|
||||
$Wi80-m: 80%;
|
||||
$Wi33-m: calc(( 100% / 3 ) - 0.5rem);
|
||||
|
||||
// tablette
|
||||
$txt-figli-t: 2.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome-t: 3rem;
|
||||
|
||||
// color
|
||||
$color_publique: #fef86f;
|
||||
$color_sociale: lightgreen;
|
||||
$color_culturelle: #82f8ee;
|
||||
@@ -1,14 +0,0 @@
|
||||
// Core variables and mixins
|
||||
@import 'configurations/_fonts';
|
||||
@import 'configurations/_variable';
|
||||
@import 'configurations/_extend';
|
||||
@import 'theme/reset';
|
||||
@import 'theme/typography';
|
||||
|
||||
@import 'theme/animation';
|
||||
@import 'theme/header';
|
||||
@import 'theme/start';
|
||||
@import 'theme/sidebar';
|
||||
@import 'theme/blog';
|
||||
@import 'theme/item';
|
||||
@import 'theme/mobile';
|
||||
@@ -1,69 +0,0 @@
|
||||
$animate: all 0.2s ease-in-out;
|
||||
|
||||
#text_figli{
|
||||
z-index: 999;
|
||||
p{
|
||||
& > a{
|
||||
z-index: 999;
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
width: 0px;
|
||||
height: 1px;
|
||||
margin: 1px 0 0;
|
||||
transition: $animate;
|
||||
transition-duration: 0.3s;
|
||||
opacity: 0;
|
||||
background-color: black;
|
||||
}
|
||||
&::before{
|
||||
left: 50%;
|
||||
}
|
||||
&:after{
|
||||
right: 50%;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
&:before,
|
||||
&:after {
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
&:before,
|
||||
&:after {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.circle_hover{
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
transition: height .2s, width .2s;
|
||||
&.open{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
transition: height .5s, width .5s;
|
||||
}
|
||||
&.publique{
|
||||
background:
|
||||
url("/user/themes/figureslibres/images/forme2.svg") center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
&.sociale{
|
||||
background: $color_sociale;
|
||||
border-radius: 100px;
|
||||
}
|
||||
&.culturelle{
|
||||
background:
|
||||
url("/user/themes/figureslibres/images/forme3.svg") center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
#item_list{
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
.card{
|
||||
width: $Wi50;
|
||||
&:nth-child(odd){
|
||||
margin-right: $margI;
|
||||
}
|
||||
.card-header{
|
||||
z-index: 999;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
// margin-bottom: $marg;
|
||||
& > * {
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
.search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
|
||||
@extend .form-input;
|
||||
}
|
||||
|
||||
.button {
|
||||
@extend .btn;
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
// Sticky Footer solution
|
||||
body.sticky-footer {
|
||||
height: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
#page-wrapper {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: #acb3c2;
|
||||
padding: 1rem $horiz-padding 0;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
form {
|
||||
.button-wrapper {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
span.required {
|
||||
color: $error-color;
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.form-input[type=range] {
|
||||
appearance: slider-horizontal;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#grav-login {
|
||||
> form {
|
||||
margin: 2rem auto 0;
|
||||
max-width: 350px;
|
||||
}
|
||||
.form-label {
|
||||
display: none;
|
||||
}
|
||||
.form-data {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.form-input {
|
||||
text-align: center;
|
||||
}
|
||||
.button-wrapper {
|
||||
text-align: right;
|
||||
|
||||
.form-data.rememberme {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
button[type="submit"] {
|
||||
@include button-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,156 +0,0 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#body-wrapper {
|
||||
.container {
|
||||
padding: $vert-padding;
|
||||
}
|
||||
|
||||
// Fixed Header solution
|
||||
.header-fixed & {
|
||||
padding-top: $header-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
.header-fixed {
|
||||
.hero + #start > #body-wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
section.section {
|
||||
padding-left: $horiz-padding;
|
||||
padding-right: $horiz-padding;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overlay-light, .overlay-dark, .overlay-light-gradient, .overlay-dark-gradient {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
// Hero
|
||||
.hero {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
padding-top: 6rem;
|
||||
padding-bottom: 7rem;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
h1 {
|
||||
color: $header-text-dark;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: rgba($header-text-dark, 0.8);
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
&.hero-fullscreen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
&.hero-large {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
&.hero-medium {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
&.hero-small {
|
||||
min-height: 110px;
|
||||
}
|
||||
|
||||
&.hero-tiny {
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
.header-fixed & {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
//&.parallax {
|
||||
// background-attachment: fixed;
|
||||
//}
|
||||
|
||||
@include breakpoint(md) {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(sm) {
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.text-light {
|
||||
h1 {
|
||||
color: $header-text-light;
|
||||
}
|
||||
h2 {
|
||||
color: rgba($header-text-light, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: .9rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#to-start {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Overlay
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
|
||||
.overlay-light & {
|
||||
background: rgba(#fff, 0.4);
|
||||
}
|
||||
|
||||
.overlay-light-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#fff,0.5), rgba(#fff,0.2));
|
||||
}
|
||||
|
||||
.overlay-dark & {
|
||||
background: rgba(#000, 0.4);
|
||||
}
|
||||
|
||||
.overlay-dark-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#000,0.5), rgba(#000,0.2));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
.home{
|
||||
header{
|
||||
}
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
#item{
|
||||
.e-content{
|
||||
-webkit-columns: 300px 2;
|
||||
-moz-columns: 300px 2;
|
||||
columns: 300px 2;
|
||||
margin-bottom: $marg;
|
||||
}
|
||||
.card-image{
|
||||
img:not(:last-of-type){
|
||||
margin-bottom: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.other_projets{
|
||||
border-top: 1px solid black;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: $margI;
|
||||
margin-bottom: $margI;
|
||||
h3{
|
||||
margin: 1rem 0 $marg 0;
|
||||
width: 100%;
|
||||
}
|
||||
.card{
|
||||
width: $Wi33;
|
||||
&:nth-child(-1n+3){
|
||||
margin-right: $marg;
|
||||
}
|
||||
.card-header{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
& > *{
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,310 +0,0 @@
|
||||
@media screen and (max-width: 1024px){
|
||||
body{
|
||||
#start{
|
||||
width: $Wi80-m;
|
||||
#text_figli{
|
||||
#item_list{
|
||||
.card{
|
||||
width: $Wi33-m;
|
||||
#item{
|
||||
width: calc(300% + (.5rem * 2));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px) {
|
||||
body{
|
||||
|
||||
#start{
|
||||
width: $Wi-m;
|
||||
#text_figli{
|
||||
p{
|
||||
font-size: 1.7rem;
|
||||
line-height: 2.3rem;
|
||||
}
|
||||
#item_list{
|
||||
width: $Wi-m;
|
||||
.card{
|
||||
width: calc(100%);
|
||||
margin: 0 0 0.5rem 0;
|
||||
#item{
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
.content-title{
|
||||
h2{
|
||||
font-size: 2rem !important;
|
||||
line-height: 2.5rem !important;
|
||||
}
|
||||
& > div{
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.sidebar-right{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
// body{
|
||||
// #start{
|
||||
// width: $Wi-m;
|
||||
// #text_figli{
|
||||
// #item_list{
|
||||
// .card{
|
||||
// width: $Wi-m;
|
||||
// #item{
|
||||
// width: calc(100% + (.5rem * 3));
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
//
|
||||
// // typographie
|
||||
// header{
|
||||
// a{
|
||||
// font-size: $txt-figli-m;
|
||||
// line-height: $Flhome-m;
|
||||
// }
|
||||
// }
|
||||
// .home{
|
||||
// p{
|
||||
// font-size: $txt-figli-m!important;
|
||||
// line-height: $Flhome-m!important;
|
||||
// }
|
||||
// }
|
||||
// .other_projets{
|
||||
// h3{
|
||||
// font-size: $txt-figli-m;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // mep
|
||||
// header{
|
||||
// width: calc( #{$Wi-m} - (#{$marg} * 2) );
|
||||
// }
|
||||
//
|
||||
// body{
|
||||
// #start{
|
||||
// width: calc( #{$Wi-m} - (#{$marg} * 2) );
|
||||
// }
|
||||
// &:not(.home){
|
||||
// #start{
|
||||
// margin-top: $Flhome;
|
||||
// }
|
||||
// }
|
||||
// .sidebar-right{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// #item_list{
|
||||
// .card{
|
||||
// width: calc( #{$Wi-m} )!important;
|
||||
// &:nth-child(odd){
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// .card-header{
|
||||
// margin-bottom: $marg;
|
||||
// & > * {
|
||||
// margin-right: $marg;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .other_projets{
|
||||
// margin-top: $margI;
|
||||
// .card{
|
||||
// width: $Wi-m;
|
||||
// &:nth-child(-1n+3){
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media screen and (max-width: 768px) {
|
||||
// body{
|
||||
// #start{
|
||||
// width: $Wi80-m;
|
||||
// #text_figli{
|
||||
// #item_list{
|
||||
// .card{
|
||||
// width: $Wi33-m;
|
||||
// #item{
|
||||
// width: calc(300% + (.5rem * 3));
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // typographie
|
||||
// header{
|
||||
// a{
|
||||
// font-size: 2.5rem;
|
||||
// line-height: 3rem;
|
||||
// }
|
||||
// }
|
||||
// // .home{
|
||||
// // p{
|
||||
// // font-size: $txt-figli-t!important;
|
||||
// // line-height: $Flhome-t!important;
|
||||
// // }
|
||||
// // }
|
||||
// .other_projets{
|
||||
// h3{
|
||||
// font-size: $txt-figli-t;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// body{
|
||||
// &:not(.home){
|
||||
// #start{
|
||||
// margin-top: 5rem;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// #item_list{
|
||||
// .card{
|
||||
// width: calc( #{$Wi-m} );
|
||||
// &:nth-child(odd){
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// .card-header{
|
||||
// margin-bottom: $marg;
|
||||
// & > * {
|
||||
// margin-right: $marg;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media screen and (max-width: 812px) and (orientation: landscape) {
|
||||
// // typographie
|
||||
// header{
|
||||
// a{
|
||||
// font-size: $txt-figli-m;
|
||||
// line-height: $Flhome-m;
|
||||
// }
|
||||
// }
|
||||
// .home{
|
||||
// p{
|
||||
// font-size: $txt-figli-m!important;
|
||||
// line-height: $Flhome-m!important;
|
||||
// }
|
||||
// }
|
||||
// .other_projets{
|
||||
// h3{
|
||||
// font-size: $txt-figli-m;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // mep
|
||||
// header{
|
||||
// width: calc( #{$Wi-m} - (#{$marg} * 2) );
|
||||
// }
|
||||
//
|
||||
// body{
|
||||
// #start{
|
||||
// width: calc( #{$Wi-m} - (#{$marg} * 2) );
|
||||
// }
|
||||
// &:not(.home){
|
||||
// #start{
|
||||
// margin-top: $Flhome;
|
||||
// }
|
||||
// }
|
||||
// .sidebar-right{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// #item_list{
|
||||
// .card{
|
||||
// width: $Wi50;
|
||||
// &:nth-child(odd){
|
||||
// margin-right: $margI;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .other_projets{
|
||||
// .card{
|
||||
// width: $Wi33;
|
||||
// &:nth-child(-1n+3){
|
||||
// margin-right: $marg;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media screen and (max-width: 910px) and (orientation: portrait) {
|
||||
// header{
|
||||
// a{
|
||||
// font-size: 2.5rem;
|
||||
// line-height: 3rem;
|
||||
// }
|
||||
// }
|
||||
// .home{
|
||||
// p{
|
||||
// font-size: $txt-figli-t!important;
|
||||
// line-height: $Flhome-t!important;
|
||||
// }
|
||||
// }
|
||||
// .other_projets{
|
||||
// h3{
|
||||
// font-size: $txt-figli-t;
|
||||
// }
|
||||
// }
|
||||
// body{
|
||||
// &:not(.home){
|
||||
// #start{
|
||||
// margin-top: 5rem;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media screen and (max-width: 660px) {
|
||||
// header{
|
||||
// a{
|
||||
// font-size: $txt-figli-m;
|
||||
// line-height: $Flhome-m;
|
||||
// }
|
||||
// }
|
||||
// .home{
|
||||
// p{
|
||||
// font-size: $txt-figli-m!important;
|
||||
// line-height: $Flhome-m!important;
|
||||
// }
|
||||
// }
|
||||
// .other_projets{
|
||||
// h3{
|
||||
// font-size: $txt-figli-m;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// body{
|
||||
// &:not(.home){
|
||||
// #start{
|
||||
// margin-top: $Flhome;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
@@ -1,373 +0,0 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
p{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
ul,li{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
@@ -1,92 +0,0 @@
|
||||
.sidebar-right{
|
||||
position: fixed;
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
right: calc( -20% + 0.9rem);
|
||||
top: 0;
|
||||
transition: 0.3s right ease;
|
||||
#icone_list{
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
.hamburger{
|
||||
padding: 0.8rem;
|
||||
padding-right: 2rem;
|
||||
.hamburger-box{
|
||||
width: 30px;
|
||||
.hamburger-inner{
|
||||
height: 2px;
|
||||
width: 30px;
|
||||
&::before{
|
||||
width: 20px;
|
||||
height: inherit;
|
||||
}
|
||||
&::after{
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.list-projets{
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
.container{
|
||||
margin: auto;
|
||||
ul{
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
span.cat{
|
||||
display: block;
|
||||
line-height: 3rem;
|
||||
font-weight: bold;
|
||||
padding-left: 23px;
|
||||
}
|
||||
li{
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
margin-top: -6px;
|
||||
&::before{
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
min-width: 15px;
|
||||
height: auto;
|
||||
}
|
||||
&.culturelle{
|
||||
&::before{
|
||||
background: $color_culturelle;
|
||||
}
|
||||
}
|
||||
&.sociale{
|
||||
&::before{
|
||||
background: $color_sociale;
|
||||
}
|
||||
}
|
||||
&.publique{
|
||||
&::before{
|
||||
background: $color_publique;
|
||||
}
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: black;
|
||||
display: block;
|
||||
padding-left: 0.5rem;
|
||||
&.active{
|
||||
color: black;
|
||||
}
|
||||
&:hover{
|
||||
background: white;
|
||||
transition: 0.3s background ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.is-active{
|
||||
right: 0;
|
||||
transition: 0.3s right ease;
|
||||
}
|
||||
}
|
||||
@@ -1,183 +0,0 @@
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body{
|
||||
background: #f9f9f9fe;
|
||||
}
|
||||
|
||||
body{
|
||||
#start{
|
||||
width: $Wi80;
|
||||
margin: $marg auto auto $marg;
|
||||
#text_figli{
|
||||
p {
|
||||
a{
|
||||
// position: relative;
|
||||
&.marg{
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
#item_list{
|
||||
width: 80vw;
|
||||
margin-top: 0.5rem;
|
||||
position: relative;
|
||||
|
||||
.card{
|
||||
width: calc((100% / 5) - ( #{$marg} * 2) );
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
margin: 0 $marg $marg 0;
|
||||
height: 100%;
|
||||
& > .card-image{
|
||||
&.open{
|
||||
a{
|
||||
img{
|
||||
filter: grayscale(0);
|
||||
transition: filter 0.3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a{
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
overflow: auto;
|
||||
img{
|
||||
filter: grayscale(1);
|
||||
transition: filter 0.3s ease;
|
||||
}
|
||||
}
|
||||
.card-header{
|
||||
width: 100%;
|
||||
padding: $marg;
|
||||
flex-wrap: wrap;
|
||||
display: none;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
& > *{
|
||||
font-size: 0.8rem;
|
||||
line-height: 1rem;
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
a{
|
||||
display: block;
|
||||
img{
|
||||
filter: grayscale(0);
|
||||
transition: filter 0.3s ease;
|
||||
}
|
||||
}
|
||||
.card-header{
|
||||
display: inline-flex;
|
||||
position: absolute;
|
||||
// transform: translateY(-100%);
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
&:last-of-type{
|
||||
vertical-align: baseline!important;
|
||||
}
|
||||
#item{
|
||||
width: calc( 500% + ( #{$marg} * 4) );
|
||||
padding: 2rem;
|
||||
margin-top: $marg;
|
||||
border-radius: 5px;
|
||||
.content-title{
|
||||
margin: 0 auto 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
a{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.e-content{
|
||||
margin: 1rem auto 2rem auto;
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
&.publique{
|
||||
background: $color_publique;
|
||||
|
||||
}
|
||||
&.sociale{
|
||||
background: $color_sociale;
|
||||
|
||||
}
|
||||
&.culturelle{
|
||||
background: $color_culturelle;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.publique{
|
||||
.card{
|
||||
&:hover{
|
||||
.card-header{
|
||||
background: $color_publique;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sociale{
|
||||
.card{
|
||||
&:hover{
|
||||
.card-header{
|
||||
background: $color_sociale;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.culturelle{
|
||||
.card{
|
||||
&:hover{
|
||||
.card-header{
|
||||
background: $color_culturelle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.commanditaires{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.home){
|
||||
#start{
|
||||
margin-top: calc( 2rem + #{$Flhome});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#icone_list{
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: 20px;
|
||||
.hamburger{
|
||||
padding: 0.8rem;
|
||||
padding-right: 2rem;
|
||||
.hamburger-box{
|
||||
width: 30px;
|
||||
.hamburger-inner{
|
||||
height: 2px;
|
||||
width: 30px;
|
||||
&::before{
|
||||
width: 20px;
|
||||
height: inherit;
|
||||
}
|
||||
&::after{
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,136 +0,0 @@
|
||||
h1, h2, h3, p, ul, li, a, span{
|
||||
font-family: $lato;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
header{
|
||||
a{
|
||||
font-size: $txt-figli;
|
||||
line-height: $Flhome;
|
||||
}
|
||||
}
|
||||
|
||||
.home{
|
||||
p{
|
||||
font-size: $txt-figli;
|
||||
line-height: 3rem;
|
||||
}
|
||||
#text_figli{
|
||||
strong{
|
||||
position: relative;
|
||||
&::after{
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: black;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
a{
|
||||
position: relative;
|
||||
&#publique{
|
||||
font-family: $playfair;
|
||||
}
|
||||
&#sociale{
|
||||
font-family: $syne;
|
||||
}
|
||||
&#culturelle{
|
||||
font-family: $avara;
|
||||
}
|
||||
&#commanditaires{
|
||||
font-family: $moche;
|
||||
}
|
||||
}
|
||||
#item{
|
||||
.e-content{
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
#item_list{
|
||||
&.commanditaires{
|
||||
flex-direction: column;
|
||||
.card-title{
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#item{
|
||||
h2{
|
||||
width: auto;
|
||||
line-height: 4rem!important;
|
||||
font-size: 4rem!important;
|
||||
font-weight: normal!important;
|
||||
}
|
||||
span{
|
||||
font-size: 1rem;
|
||||
}
|
||||
&.publique{
|
||||
h2{
|
||||
font-family: $playfair;
|
||||
}
|
||||
span{
|
||||
font-family: $playfair;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
&.sociale{
|
||||
h2{
|
||||
font-family: $syne;
|
||||
}
|
||||
span{
|
||||
font-family: $syne;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
&.culturelle{
|
||||
h2{
|
||||
font-family: $avara;
|
||||
}
|
||||
span{
|
||||
font-family: $avara;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.publique, span.publique{
|
||||
font-family: $playfair;
|
||||
}
|
||||
|
||||
a.sociale, span.sociale{
|
||||
font-family: $syne;
|
||||
}
|
||||
|
||||
a.culturelle, span.culturelle{
|
||||
font-family: $avara;
|
||||
}
|
||||
|
||||
.sidebar-right{
|
||||
ul, a{
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.other_projets{
|
||||
h3{
|
||||
font-size: $txt-figli;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card{
|
||||
h2{
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
|
||||
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY3RyZS1leHAuY3NzIiwic291cmNlcyI6WyJzcGVjdHJlLWV4cC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIC8vIFZhcmlhYmxlcyBhbmQgbWl4aW5zXG4vLyBAaW1wb3J0IFwic3BlY3RyZS92YXJpYWJsZXNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL21peGluc1wiO1xuLy9cbi8vIC8qISBTcGVjdHJlLmNzcyBFeHBlcmltZW50YWxzIHYjeyR2ZXJzaW9ufSB8IE1JVCBMaWNlbnNlIHwgZ2l0aHViLmNvbS9waWN0dXJlcGFuMi9zcGVjdHJlICovXG4vLyAvLyBFeHBlcmltZW50YWxzXG4vLyBAaW1wb3J0IFwic3BlY3RyZS9hdXRvY29tcGxldGVcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2NhbGVuZGFyc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvY2Fyb3VzZWxzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9jb21wYXJpc29uLXNsaWRlcnNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2ZpbHRlcnNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL21ldGVyc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvb2ZmLWNhbnZhc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvcGFyYWxsYXhcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL3Byb2dyZXNzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9zbGlkZXJzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS90aW1lbGluZXNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL3ZpZXdlci0zNjBcIjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0= */
|
||||
@@ -1,2 +0,0 @@
|
||||
|
||||
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY3RyZS1pY29ucy5jc3MiLCJzb3VyY2VzIjpbInNwZWN0cmUtaWNvbnMuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyAvLyBWYXJpYWJsZXMgYW5kIG1peGluc1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdmFyaWFibGVzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9taXhpbnNcIjtcbi8vXG4vLyAvKiEgU3BlY3RyZS5jc3MgSWNvbnMgdiN7JHZlcnNpb259IHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL3BpY3R1cmVwYW4yL3NwZWN0cmUgKi9cbi8vIC8vIEljb25zXG4vLyBAaW1wb3J0IFwic3BlY3RyZS9pY29ucy9pY29ucy1jb3JlXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9pY29ucy9pY29ucy1uYXZpZ2F0aW9uXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9pY29ucy9pY29ucy1hY3Rpb25cIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2ljb25zL2ljb25zLW9iamVjdFwiO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ== */
|
||||
@@ -1,2 +0,0 @@
|
||||
|
||||
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY3RyZS5jc3MiLCJzb3VyY2VzIjpbInNwZWN0cmUuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyAvLyBWYXJpYWJsZXMgYW5kIG1peGluc1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdmFyaWFibGVzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9taXhpbnNcIjtcbi8vXG4vLyAvKiEgU3BlY3RyZS5jc3MgdiN7JHZlcnNpb259IHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL3BpY3R1cmVwYW4yL3NwZWN0cmUgKi9cbi8vIC8vIFJlc2V0IGFuZCBkZXBlbmRlbmNpZXNcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL25vcm1hbGl6ZVwiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvYmFzZVwiO1xuLy9cbi8vIC8vIEVsZW1lbnRzXG4vLyBAaW1wb3J0IFwic3BlY3RyZS90eXBvZ3JhcGh5XCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9hc2lhblwiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdGFibGVzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9idXR0b25zXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9mb3Jtc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvbGFiZWxzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9jb2Rlc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvbWVkaWFcIjtcbi8vXG4vLyAvLyBMYXlvdXRcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2xheW91dFwiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvbmF2YmFyXCI7XG4vL1xuLy8gLy8gQ29tcG9uZW50c1xuLy8gQGltcG9ydCBcInNwZWN0cmUvYWNjb3JkaW9uc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvYXZhdGFyc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvYmFkZ2VzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9icmVhZGNydW1ic1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvYmFyc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvY2FyZHNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2NoaXBzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9kcm9wZG93bnNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2VtcHR5XCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9tZW51c1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvbW9kYWxzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9uYXZzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9wYWdpbmF0aW9uXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9wYW5lbHNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL3BvcG92ZXJzXCI7XG4vLyBAaW1wb3J0IFwic3BlY3RyZS9zdGVwc1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdGFic1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdGlsZXNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL3RvYXN0c1wiO1xuLy8gQGltcG9ydCBcInNwZWN0cmUvdG9vbHRpcHNcIjtcbi8vXG4vLyAvLyBVdGlsaXR5IGNsYXNzZXNcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL2FuaW1hdGlvbnNcIjtcbi8vIEBpbXBvcnQgXCJzcGVjdHJlL3V0aWxpdGllc1wiO1xuLy9cbi8vIC8vIEV4dHJhc1xuLy8gQGltcG9ydCBcInRoZW1lL2V4dGVuc2lvbnNcIjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0= */
|
||||
@@ -1,33 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set collection = page.collection() %}
|
||||
|
||||
{% block header %}
|
||||
<header>
|
||||
<h1>
|
||||
<a href="/">{{site.title}}</a>
|
||||
</h1>
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="body-wrapper" id="item_list">
|
||||
<div id="icone_list">
|
||||
<button class="hamburger hamburger--slider is-active" type="button">
|
||||
<span class="hamburger-box">
|
||||
<span class="hamburger-inner"></span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{% block item %}
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
</section>
|
||||
|
||||
{% block aside %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -1,5 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{{ page.content|raw }}
|
||||
{% endblock %}
|
||||
@@ -1,12 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div id="error">
|
||||
<div>
|
||||
<h1>{{ 'PLUGIN_ERROR.ERROR'|t }} {{ page.header.http_response_code }}</h1>
|
||||
<p>
|
||||
{{ page.content|raw }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
-32
@@ -1,32 +0,0 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% block label %}
|
||||
{% endblock %}
|
||||
|
||||
{% block input %}
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
<div class="{{ form_field_wrapper_classes ?: 'form-input-wrapper' }} {{ field.size }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
|
||||
<input
|
||||
{# required attribute structures #}
|
||||
name="{{ (scope ~ field.name)|fieldName }}"
|
||||
value="{{ value|join(', ') }}"
|
||||
type="checkbox"
|
||||
{% if value == true %} checked="checked" {% endif %}
|
||||
|
||||
{# input attribute structures #}
|
||||
{% block input_attributes %}
|
||||
id="{{ id|e }}"
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if field.style is defined %}style="{{ field.style|e }}" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
{% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
|
||||
{% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
|
||||
{% if required %}required="required"{% endif %}
|
||||
{% endblock %}
|
||||
/>
|
||||
<i class="form-icon"></i>
|
||||
{{ field.label|t|e }} {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
|
||||
</label>
|
||||
</div>
|
||||
{% endblock %}
|
||||
-44
@@ -1,44 +0,0 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% set originalValue = value %}
|
||||
{% set value = (value is null ? field.default : value) %}
|
||||
{% if field.use == 'keys' and field.default %}
|
||||
{% set value = field.default|merge(value) %}
|
||||
{% endif %}
|
||||
|
||||
{% block global_attributes %}
|
||||
{{ parent() }}
|
||||
data-grav-keys="{{ field.use == 'keys' ? 'true' : 'false' }}"
|
||||
data-grav-field-name="{{ (scope ~ field.name)|fieldName }}"
|
||||
{% endblock %}
|
||||
|
||||
{% block input %}
|
||||
{% for key, text in field.options %}
|
||||
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
{% set name = field.use == 'keys' ? key : id %}
|
||||
{% set val = field.use == 'keys' ? '1' : key %}
|
||||
{% set checked = (field.use == 'keys' ? value[key] : key in value) %}
|
||||
{% set help = (key in field.help_options|keys ? field.help_options[key] : false) %}
|
||||
|
||||
<div class="checkboxes {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
|
||||
<input type="checkbox"
|
||||
id="{{ id|e }}"
|
||||
value="{{ val|e }}"
|
||||
name="{{ (scope ~ field.name)|fieldName ~ '[' ~ name ~ ']' }}"
|
||||
{% if checked %}checked="checked"{% endif %}
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
|
||||
>
|
||||
<i class="form-icon"></i>
|
||||
{% if help %}
|
||||
<span class="hint--bottom" data-hint="{{ help|t|e('html_attr') }}">{{ text|t|e }}</span>
|
||||
{% else %}
|
||||
{{ text|t|e }}
|
||||
{% endif %}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -1,26 +0,0 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% set originalValue = value %}
|
||||
{% set value = (value is null ? field.default : value) %}
|
||||
|
||||
{% block input %}
|
||||
{% for key, text in field.options %}
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
|
||||
<div class="radio {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_radio_classes }}" for="{{ id|e }}">
|
||||
<input type="radio"
|
||||
value="{{ key|e }}"
|
||||
id="{{ id|e }}"
|
||||
name="{{ (scope ~ field.name)|fieldName }}"
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if key == value %}checked="checked" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
{% if required %}required="required"{% endif %}
|
||||
/>
|
||||
<i class="form-icon"></i>
|
||||
{% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -1,3 +0,0 @@
|
||||
{% set form_field_checkbox_classes = 'form-switch' %}
|
||||
{% extends "forms/fields/checkbox/checkbox.html.twig" %}
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
|
||||
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
|
||||
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
{% set hero_image_name = page.header.hero_image %}
|
||||
|
||||
{% block hero %}
|
||||
{% if hero_image_name %}
|
||||
{% set hero_image = page.media[hero_image_name] %}
|
||||
{% set content %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
<h2>{{ page.header.subtitle }}</h2>
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
{% endset %}
|
||||
{% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% embed 'partials/layout.html.twig' %}
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% endembed %}
|
||||
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -1,22 +0,0 @@
|
||||
{% macro nav_loop(page) %}
|
||||
{% import _self as macros %}
|
||||
{% for p in page.children.visible %}
|
||||
{% set active_page = (p.active or p.activeChild) ? ' class="active"' : '' %}
|
||||
{% if p.children.visible.count > 0 %}
|
||||
<li>
|
||||
<a href="{{ p.url }}"{{ active_page }}>
|
||||
{{ p.menu }}
|
||||
</a>
|
||||
<ul>
|
||||
{{ macros.nav_loop(p) }}
|
||||
</ul>
|
||||
</li>
|
||||
{% else %}
|
||||
<li>
|
||||
<a href="{{ p.url }}"{{ active_page }}>
|
||||
{{ p.menu }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
@@ -1,65 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
|
||||
|
||||
{% import _self as macro %}
|
||||
|
||||
{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% if show_onpage_menu %}
|
||||
{% do assets.add('theme://js/singlepagenav.min.js') %}
|
||||
{% endif %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block bottom %}
|
||||
{{ parent() }}
|
||||
{% if show_onpage_menu %}
|
||||
<script>
|
||||
// singlePageNav initialization & configuration
|
||||
$('ul.navigation').singlePageNav({
|
||||
offset: $('#header').outerHeight(),
|
||||
filter: ':not(.external)',
|
||||
updateHash: true,
|
||||
currentClass: 'active'
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block header_navigation %}
|
||||
<!-- test -->
|
||||
{% if show_onpage_menu %}
|
||||
<ul class="navigation">
|
||||
{% for module in page.collection() if module.header.visible is not same as(false) %}
|
||||
{% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
|
||||
<li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
|
||||
{% endfor %}
|
||||
{% for mitem in site.menu %}
|
||||
<li>
|
||||
<a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
|
||||
{% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
|
||||
{{ mitem.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{{ parent() }}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
{% for module in page.collection() if module.template == 'modular/hero' %}
|
||||
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
{% for module in page.collection() if module.template != 'modular/hero' %}
|
||||
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -1,30 +0,0 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12' %}
|
||||
<section class="section modular-features {{ page.header.class}}">
|
||||
<section class="container {{ grid_size }}">
|
||||
<div class="frame-box">
|
||||
|
||||
{{ content|raw }}
|
||||
|
||||
<div class="columns">
|
||||
{% for feature in page.header.features %}
|
||||
<div class="column {{ columns }}">
|
||||
{% if feature.url %}<a href="{{feature.url}}">{% endif %}
|
||||
<div class="feature-icon">
|
||||
<i class="fa fa-fw {{ feature.icon }}"></i>
|
||||
{% if feature.header %}
|
||||
<h6>{{ feature.header }}</h6>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if feature.url %}</a>{% endif %}
|
||||
<div class="feature-content">
|
||||
{% if feature.text %}
|
||||
<p>{{ feature.text }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@@ -1,4 +0,0 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
|
||||
|
||||
{% include 'partials/hero.html.twig' %}
|
||||
@@ -1,23 +0,0 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set image = page.media.images|first %}
|
||||
|
||||
<section class="section modular-text {{ page.header.class}} bg-gray">
|
||||
<section class="container {{ grid_size }}">
|
||||
<div class="columns {{ page.header.image_align|default('align-right') }}">
|
||||
{% if image %}
|
||||
<div class="column col-6 col-md-12">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
<div class="column col-6 col-md-12">
|
||||
{% if image %}
|
||||
{{ image.html|raw }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="column col-12">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@@ -1,59 +0,0 @@
|
||||
{% set body_classes = body_class(['header-fixed', 'header-animated', 'header-dark', 'header-transparent', 'sticky-footer']) %}
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
|
||||
<head>
|
||||
{% block head %}
|
||||
<meta charset="utf-8" />
|
||||
<title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
|
||||
<link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
|
||||
<link rel="canonical" href="{{ page.url(true, true) }}" />
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/hamburgers.css') %}
|
||||
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
|
||||
{% endblock %}
|
||||
{{ assets.css()|raw }}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.addJs('theme://js/jquery-3.4.1.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/jquery.lazy.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.js()|raw }}
|
||||
|
||||
{% endblock head %}
|
||||
</head>
|
||||
<body id="top" class="{{ header.title|hyphenize }}">
|
||||
{% block header %}
|
||||
{% endblock %}
|
||||
<section id="start">
|
||||
{% block body %}
|
||||
<div class="body-center" id="text_figli">
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% endblock %}
|
||||
</section>
|
||||
|
||||
{% block aside %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
</section>
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,18 +0,0 @@
|
||||
<div class="content-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
<div>
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="e-content">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
<div class="card-image">
|
||||
{% for image in page.media.images %}
|
||||
<img class="lazy" data-src="{{image.url}}" alt="images">
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -1,42 +0,0 @@
|
||||
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'-', 'é':'e', ',':'',':':'','.':'','(':'',')':'','?':'', "’": '','ê':'e' }) }}{% endmacro %}
|
||||
|
||||
{% import _self as macro %}
|
||||
|
||||
{% set image = page.media.images|first %}
|
||||
|
||||
{% if image %}
|
||||
<!-- card projet -->
|
||||
<div class="card">
|
||||
<div id="{{ page.folder }}" class="card-image">
|
||||
<a href="{{ page.url }}">
|
||||
|
||||
<div class="card-header">
|
||||
{% if page.header.title %}
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
{% endif %}
|
||||
{% if page.header.taxonomy.tag %}
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.date %}
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<img class="lazy" data-src="{{image.url}}" alt="Projet">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<!-- card commanditaire -->
|
||||
<div class="card">
|
||||
<div id="{{ page.folder }}" class="card-image">
|
||||
<!-- <a href="{{ page.url }}"> -->
|
||||
<div class="card-title">
|
||||
{% if page.header.title %}
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- </a> -->
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -1,6 +0,0 @@
|
||||
<span>•</span>
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ page.date|date("Y") }}">
|
||||
{{ page.date|date("Y") }}
|
||||
</time>
|
||||
</span>
|
||||
-32
@@ -1,32 +0,0 @@
|
||||
<div class="other_projets">
|
||||
<h3>Les autres projets <span class="{{page.parent.title|lower}}">{{page.parent.title|lower}}s</span></h3>
|
||||
{% set collection_random = page.parent.collection|slice(1,4) %}
|
||||
|
||||
{% for item in collection_random %}
|
||||
{% if item.title == page.title == false %}
|
||||
<div class="card">
|
||||
<div class="card-images">
|
||||
<a href="{{item.url}}">
|
||||
{% for image in item.media.images|slice(0,1) %}
|
||||
{{ image.html }}
|
||||
{% endfor %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-header">
|
||||
{% if item.header.title %}
|
||||
{% include 'partials/blog/title.html.twig' with { 'page': item } %}
|
||||
{% endif %}
|
||||
{% if item.header.taxonomy.tag %}
|
||||
<!-- <span>•</span> -->
|
||||
{% include 'partials/blog/taxonomy.html.twig' with { 'page': item } %}
|
||||
{% endif %}
|
||||
{% if item.header.date %}
|
||||
<!-- <span>•</span> -->
|
||||
{% include 'partials/blog/date.html.twig' with { 'page': item } %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -1,8 +0,0 @@
|
||||
<div class="p-summary e-content">
|
||||
{% if page.summary != page.content %}
|
||||
{{ page.summary|raw }}
|
||||
{% else %}
|
||||
{{ page.content|raw }}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
{% if page.taxonomy.tag %}
|
||||
<span>•</span>
|
||||
<span class="tags">
|
||||
{% for tag in page.taxonomy.tag %}
|
||||
{{ tag }}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
@@ -1,12 +0,0 @@
|
||||
{% set title_level = title_level ?: 'h2' %}
|
||||
|
||||
{% if page.header.link %}
|
||||
<{{ title_level }}>
|
||||
{% if page.header.continue_link is not same as(false) %}
|
||||
<a href="{{ page.url }}"><i></i></a>
|
||||
{% endif %}
|
||||
{{ page.title }}
|
||||
</{{ title_level }}>
|
||||
{% else %}
|
||||
<{{ title_level }}>{{ page.title }}</{{ title_level }}>
|
||||
{% endif %}
|
||||
@@ -1,2 +0,0 @@
|
||||
<footer class="section bg-gray">
|
||||
</section>
|
||||
@@ -1,6 +0,0 @@
|
||||
{% if form.message %}
|
||||
{% set inline_errors = form.inline_errors is not null ? form.inline_errors : config.plugins.form.inline_errors(false) %}
|
||||
{% set status_mapping = {'success':'green', 'error': 'red', 'warning': 'yellow'} %}
|
||||
{% set message = inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
|
||||
<div class="toast toast-{{ form.status }} {{ status_mapping[form.status] ?: 'green' }} mt-2 mb-2">{{ message|raw }}</div>
|
||||
{% endif %}
|
||||
@@ -1,7 +0,0 @@
|
||||
<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url({{ hero_image.url }});"{% endif %}>
|
||||
<div class="image-overlay"></div>
|
||||
<section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
|
||||
{{ content|raw }}
|
||||
</section>
|
||||
<i id="to-start" class="pulse fa fa-angle-down"></i>
|
||||
</section>
|
||||
@@ -1,11 +0,0 @@
|
||||
<div id="item" class="column">
|
||||
{% block item %}{% endblock %}
|
||||
</div>
|
||||
|
||||
{% block footer %}
|
||||
{% include 'partials/blog/other_projets.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block aside %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
@@ -1,9 +0,0 @@
|
||||
{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
|
||||
<a href="{{ home_url }}" class="navbar-brand mr-10">
|
||||
{% if logo %}
|
||||
{% set logo_file = (logo|first).name %}
|
||||
<img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.name }}" />
|
||||
{% else %}
|
||||
{% include('@images/grav-logo.svg') %}
|
||||
{% endif %}
|
||||
</a>
|
||||
@@ -1,17 +0,0 @@
|
||||
{% set type_mapping = {'info':'success', 'error': 'error', 'warning': 'warning'} %}
|
||||
{% set icon_mapping = {'info':'checkmark', 'error':'wrong', 'warning':'information'} %}
|
||||
|
||||
{% if grav.messages.all %}
|
||||
<div id="messages">
|
||||
{% for message in grav.messages.fetch %}
|
||||
|
||||
{% set scope = message.scope|e %}
|
||||
{% set type = type_mapping[scope] %}
|
||||
{% set icon = icon_mapping[scope] %}
|
||||
|
||||
<div class="toast toast-{{ type }} {{ scope }}">
|
||||
<i class="icon dripicons-{{ icon }}"></i> {{ message.message|raw }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -1,6 +0,0 @@
|
||||
{% import 'macros/macros.html.twig' as macros %}
|
||||
|
||||
<ul {{ tree ? 'class="tree"' : '' }}>
|
||||
{{ macros.nav_loop(pages) }}
|
||||
</ul>
|
||||
|
||||
@@ -1,15 +0,0 @@
|
||||
<ul class="related-pages menu">
|
||||
{% for related_path, score in related_pages %}
|
||||
{% set related = grav['pages'].get(related_path) %}
|
||||
{% if related %}
|
||||
<li class="menu-item">
|
||||
{% if config.plugins.relatedpages.show_score %}
|
||||
<div class="menu-badge">
|
||||
<span class="label lable-primary">{{ score }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<a href="{{ related.url }}" title="{{ related.title }}">{{ related.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
@@ -1,15 +0,0 @@
|
||||
<div class="sidebar-right">
|
||||
<div id="icone_list">
|
||||
<button class="hamburger hamburger--slider" type="button">
|
||||
<span class="hamburger-box">
|
||||
<span class="hamburger-inner"></span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="list-projets close">
|
||||
<div class="container">
|
||||
{% include 'partials/taxonomylist.html.twig' with { 'taxonomy':'category'} %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,26 +0,0 @@
|
||||
{% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
|
||||
|
||||
{% macro pageLinkName(text) %}
|
||||
{{ text|lower|replace({' ':'_', 'é':'e'}) }}
|
||||
{% endmacro %}
|
||||
|
||||
{% import _self as macro %}
|
||||
|
||||
{% for tax,value in taxlist[taxonomy] %}
|
||||
<ul>
|
||||
<span class="cat">{{ tax }}</span>
|
||||
|
||||
{% set options = { items: {'@taxonomy': {'category': tax} } } %}
|
||||
{% set my_collection = page.collection(options) %}
|
||||
|
||||
{% for i in my_collection %}
|
||||
{% if i.media.images|first %}
|
||||
<li class="{{i.parent.folder}}">
|
||||
<a id="{{i.parent.folder}}" href="{{i.url}}">{{i.title}}</a>
|
||||
{% set image = page.media.images|first %}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
{% endfor %}
|
||||
@@ -1,19 +0,0 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block header %}
|
||||
<header>
|
||||
<h1>
|
||||
<a href="/">{{site.title}} • </a><a class="{{page.parent.title|lower}}" href="{{page.parent.url|lower}}">{{page.parent.title|lower}}</a>
|
||||
</h1>
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper">
|
||||
{% embed 'partials/layout.html.twig' %}
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -1,49 +0,0 @@
|
||||
.bricklayer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*@media screen and (min-width: 1200px) {*/
|
||||
/*.bricklayer-column-sizer {*/
|
||||
/*width: 33.33333%;*/
|
||||
/*}*/
|
||||
/*}*/
|
||||
|
||||
.bricklayer-column {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
@@ -1,706 +0,0 @@
|
||||
/*!
|
||||
* Hamburgers
|
||||
* @description Tasty CSS-animated hamburgers
|
||||
* @author Jonathan Suh @jonsuh
|
||||
* @site https://jonsuh.com/hamburgers
|
||||
* @link https://github.com/jonsuh/hamburgers
|
||||
*/
|
||||
.hamburger {
|
||||
padding: 15px 15px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
transition-property: opacity, filter;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: linear;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
text-transform: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
overflow: visible; }
|
||||
.hamburger:hover {
|
||||
opacity: 0.7; }
|
||||
.hamburger.is-active:hover {
|
||||
opacity: 0.7; }
|
||||
.hamburger.is-active .hamburger-inner,
|
||||
.hamburger.is-active .hamburger-inner::before,
|
||||
.hamburger.is-active .hamburger-inner::after {
|
||||
background-color: #000; }
|
||||
|
||||
.hamburger-box {
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
|
||||
.hamburger-inner {
|
||||
display: block;
|
||||
top: 50%;
|
||||
margin-top: -2px; }
|
||||
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
|
||||
width: 40px;
|
||||
height: 4px;
|
||||
background-color: #000;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
transition-property: transform;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: ease; }
|
||||
.hamburger-inner::before, .hamburger-inner::after {
|
||||
content: "";
|
||||
display: block; }
|
||||
.hamburger-inner::before {
|
||||
top: -10px; }
|
||||
.hamburger-inner::after {
|
||||
bottom: -10px; }
|
||||
|
||||
/*
|
||||
* 3DX
|
||||
*/
|
||||
.hamburger--3dx .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dx .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dx.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateY(180deg); }
|
||||
.hamburger--3dx.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dx.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DX Reverse
|
||||
*/
|
||||
.hamburger--3dx-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dx-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dx-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateY(-180deg); }
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DY
|
||||
*/
|
||||
.hamburger--3dy .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dy .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dy.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(-180deg); }
|
||||
.hamburger--3dy.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dy.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DY Reverse
|
||||
*/
|
||||
.hamburger--3dy-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dy-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dy-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg); }
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DXY
|
||||
*/
|
||||
.hamburger--3dxy .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dxy .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dxy.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg) rotateY(180deg); }
|
||||
.hamburger--3dxy.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dxy.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* 3DXY Reverse
|
||||
*/
|
||||
.hamburger--3dxy-r .hamburger-box {
|
||||
perspective: 80px; }
|
||||
|
||||
.hamburger--3dxy-r .hamburger-inner {
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner {
|
||||
background-color: transparent !important;
|
||||
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* Arrow
|
||||
*/
|
||||
.hamburger--arrow.is-active .hamburger-inner::before {
|
||||
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
.hamburger--arrow.is-active .hamburger-inner::after {
|
||||
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Right
|
||||
*/
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Alt
|
||||
*/
|
||||
.hamburger--arrowalt .hamburger-inner::before {
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
/*
|
||||
* Arrow Alt Right
|
||||
*/
|
||||
.hamburger--arrowalt-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt-r .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
||||
|
||||
/*
|
||||
* Arrow Turn
|
||||
*/
|
||||
.hamburger--arrowturn.is-active .hamburger-inner {
|
||||
transform: rotate(-180deg); }
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::before {
|
||||
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::after {
|
||||
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Arrow Turn Right
|
||||
*/
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner {
|
||||
transform: rotate(-180deg); }
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
|
||||
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
||||
|
||||
/*
|
||||
* Boring
|
||||
*/
|
||||
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
|
||||
transition-property: none; }
|
||||
|
||||
.hamburger--boring.is-active .hamburger-inner {
|
||||
transform: rotate(45deg); }
|
||||
.hamburger--boring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--boring.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg); }
|
||||
|
||||
/*
|
||||
* Collapse
|
||||
*/
|
||||
.hamburger--collapse .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--collapse .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
||||
.hamburger--collapse .hamburger-inner::before {
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--collapse.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--collapse.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
|
||||
.hamburger--collapse.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Collapse Reverse
|
||||
*/
|
||||
.hamburger--collapse-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--collapse-r .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
||||
.hamburger--collapse-r .hamburger-inner::before {
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--collapse-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Elastic
|
||||
*/
|
||||
.hamburger--elastic .hamburger-inner {
|
||||
top: 2px;
|
||||
transition-duration: 0.275s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.hamburger--elastic .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: opacity 0.125s 0.275s ease; }
|
||||
.hamburger--elastic .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
|
||||
.hamburger--elastic.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(135deg);
|
||||
transition-delay: 0.075s; }
|
||||
.hamburger--elastic.is-active .hamburger-inner::before {
|
||||
transition-delay: 0s;
|
||||
opacity: 0; }
|
||||
.hamburger--elastic.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(-270deg);
|
||||
transition-delay: 0.075s; }
|
||||
|
||||
/*
|
||||
* Elastic Reverse
|
||||
*/
|
||||
.hamburger--elastic-r .hamburger-inner {
|
||||
top: 2px;
|
||||
transition-duration: 0.275s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.hamburger--elastic-r .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: opacity 0.125s 0.275s ease; }
|
||||
.hamburger--elastic-r .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
|
||||
.hamburger--elastic-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(-135deg);
|
||||
transition-delay: 0.075s; }
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::before {
|
||||
transition-delay: 0s;
|
||||
opacity: 0; }
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(270deg);
|
||||
transition-delay: 0.075s; }
|
||||
|
||||
/*
|
||||
* Emphatic
|
||||
*/
|
||||
.hamburger--emphatic {
|
||||
overflow: hidden; }
|
||||
.hamburger--emphatic .hamburger-inner {
|
||||
transition: background-color 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic .hamburger-inner::before {
|
||||
left: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic .hamburger-inner::after {
|
||||
top: 10px;
|
||||
right: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic.is-active .hamburger-inner {
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: ease-out;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--emphatic.is-active .hamburger-inner::before {
|
||||
left: -80px;
|
||||
top: -80px;
|
||||
transform: translate3d(80px, 80px, 0) rotate(45deg);
|
||||
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
.hamburger--emphatic.is-active .hamburger-inner::after {
|
||||
right: -80px;
|
||||
top: -80px;
|
||||
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
|
||||
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
|
||||
/*
|
||||
* Emphatic Reverse
|
||||
*/
|
||||
.hamburger--emphatic-r {
|
||||
overflow: hidden; }
|
||||
.hamburger--emphatic-r .hamburger-inner {
|
||||
transition: background-color 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r .hamburger-inner::before {
|
||||
left: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r .hamburger-inner::after {
|
||||
top: 10px;
|
||||
right: 0;
|
||||
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner {
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: ease-out;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner::before {
|
||||
left: -80px;
|
||||
top: 80px;
|
||||
transform: translate3d(80px, -80px, 0) rotate(-45deg);
|
||||
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
.hamburger--emphatic-r.is-active .hamburger-inner::after {
|
||||
right: -80px;
|
||||
top: 80px;
|
||||
transform: translate3d(-80px, -80px, 0) rotate(45deg);
|
||||
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
||||
|
||||
/*
|
||||
* Minus
|
||||
*/
|
||||
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
|
||||
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
|
||||
opacity: 0;
|
||||
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before {
|
||||
top: 0; }
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::after {
|
||||
bottom: 0; }
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.hamburger--slider .hamburger-inner {
|
||||
top: 2px; }
|
||||
.hamburger--slider .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition-property: transform, opacity;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: 0.15s; }
|
||||
.hamburger--slider .hamburger-inner::after {
|
||||
top: 20px; }
|
||||
|
||||
.hamburger--slider.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--slider.is-active .hamburger-inner::before {
|
||||
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
|
||||
opacity: 0; }
|
||||
.hamburger--slider.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(-90deg); }
|
||||
|
||||
/*
|
||||
* Slider Reverse
|
||||
*/
|
||||
.hamburger--slider-r .hamburger-inner {
|
||||
top: 2px; }
|
||||
.hamburger--slider-r .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition-property: transform, opacity;
|
||||
transition-timing-function: ease;
|
||||
transition-duration: 0.15s; }
|
||||
.hamburger--slider-r .hamburger-inner::after {
|
||||
top: 20px; }
|
||||
|
||||
.hamburger--slider-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
||||
.hamburger--slider-r.is-active .hamburger-inner::before {
|
||||
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
|
||||
opacity: 0; }
|
||||
.hamburger--slider-r.is-active .hamburger-inner::after {
|
||||
transform: translate3d(0, -20px, 0) rotate(90deg); }
|
||||
|
||||
/*
|
||||
* Spin
|
||||
*/
|
||||
.hamburger--spin .hamburger-inner {
|
||||
transition-duration: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spin .hamburger-inner::before {
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
|
||||
.hamburger--spin .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spin.is-active .hamburger-inner {
|
||||
transform: rotate(225deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spin.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
|
||||
.hamburger--spin.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Spin Reverse
|
||||
*/
|
||||
.hamburger--spin-r .hamburger-inner {
|
||||
transition-duration: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spin-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
|
||||
.hamburger--spin-r .hamburger-inner::after {
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spin-r.is-active .hamburger-inner {
|
||||
transform: rotate(-225deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spin-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
|
||||
.hamburger--spin-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Spring
|
||||
*/
|
||||
.hamburger--spring .hamburger-inner {
|
||||
top: 2px;
|
||||
transition: background-color 0s 0.13s linear; }
|
||||
.hamburger--spring .hamburger-inner::before {
|
||||
top: 10px;
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spring .hamburger-inner::after {
|
||||
top: 20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spring.is-active .hamburger-inner {
|
||||
transition-delay: 0.22s;
|
||||
background-color: transparent !important; }
|
||||
.hamburger--spring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
||||
.hamburger--spring.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
||||
|
||||
/*
|
||||
* Spring Reverse
|
||||
*/
|
||||
.hamburger--spring-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
transition-duration: 0.13s;
|
||||
transition-delay: 0s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--spring-r .hamburger-inner::after {
|
||||
top: -20px;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
|
||||
.hamburger--spring-r .hamburger-inner::before {
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--spring-r.is-active .hamburger-inner {
|
||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
||||
transition-delay: 0.22s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--spring-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
|
||||
.hamburger--spring-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Stand
|
||||
*/
|
||||
.hamburger--stand .hamburger-inner {
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
|
||||
.hamburger--stand .hamburger-inner::before {
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--stand .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--stand.is-active .hamburger-inner {
|
||||
transform: rotate(90deg);
|
||||
background-color: transparent !important;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
|
||||
.hamburger--stand.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-45deg);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--stand.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Stand Reverse
|
||||
*/
|
||||
.hamburger--stand-r .hamburger-inner {
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
|
||||
.hamburger--stand-r .hamburger-inner::before {
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--stand-r .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--stand-r.is-active .hamburger-inner {
|
||||
transform: rotate(-90deg);
|
||||
background-color: transparent !important;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
|
||||
.hamburger--stand-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
transform: rotate(-45deg);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--stand-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Squeeze
|
||||
*/
|
||||
.hamburger--squeeze .hamburger-inner {
|
||||
transition-duration: 0.075s;
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
.hamburger--squeeze .hamburger-inner::before {
|
||||
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
|
||||
.hamburger--squeeze .hamburger-inner::after {
|
||||
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
||||
|
||||
.hamburger--squeeze.is-active .hamburger-inner {
|
||||
transform: rotate(45deg);
|
||||
transition-delay: 0.12s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
.hamburger--squeeze.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
|
||||
.hamburger--squeeze.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg);
|
||||
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
||||
|
||||
/*
|
||||
* Vortex
|
||||
*/
|
||||
.hamburger--vortex .hamburger-inner {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: linear; }
|
||||
.hamburger--vortex .hamburger-inner::before {
|
||||
transition-property: top, opacity; }
|
||||
.hamburger--vortex .hamburger-inner::after {
|
||||
transition-property: bottom, transform; }
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner {
|
||||
transform: rotate(765deg);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
|
||||
transition-delay: 0s; }
|
||||
.hamburger--vortex.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--vortex.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(90deg); }
|
||||
|
||||
/*
|
||||
* Vortex Reverse
|
||||
*/
|
||||
.hamburger--vortex-r .hamburger-inner {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0.1s;
|
||||
transition-timing-function: linear; }
|
||||
.hamburger--vortex-r .hamburger-inner::before {
|
||||
transition-property: top, opacity; }
|
||||
.hamburger--vortex-r .hamburger-inner::after {
|
||||
transition-property: bottom, transform; }
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner {
|
||||
transform: rotate(-765deg);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
transition-delay: 0s; }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0; }
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
transform: rotate(-90deg); }
|
||||
File diff suppressed because one or more lines are too long
@@ -1,361 +0,0 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n display: block;\n visibility: hidden !important;\n top: -1000px !important;\n ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1),(t==1/0||1>t)&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;t>i;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);
|
||||
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
/*! jQuery & Zepto Lazy v1.7.10 - http://jquery.eisbehr.de/lazy - MIT&GPL-2.0 license - Copyright 2012-2018 Daniel 'Eisbehr' Kern */
|
||||
!function(t,e){"use strict";function r(r,a,i,u,l){function f(){L=t.devicePixelRatio>1,i=c(i),a.delay>=0&&setTimeout(function(){s(!0)},a.delay),(a.delay<0||a.combined)&&(u.e=v(a.throttle,function(t){"resize"===t.type&&(w=B=-1),s(t.all)}),u.a=function(t){t=c(t),i.push.apply(i,t)},u.g=function(){return i=n(i).filter(function(){return!n(this).data(a.loadedName)})},u.f=function(t){for(var e=0;e<t.length;e++){var r=i.filter(function(){return this===t[e]});r.length&&s(!1,r)}},s(),n(a.appendScroll).on("scroll."+l+" resize."+l,u.e))}function c(t){var i=a.defaultImage,o=a.placeholder,u=a.imageBase,l=a.srcsetAttribute,f=a.loaderAttribute,c=a._f||{};t=n(t).filter(function(){var t=n(this),r=m(this);return!t.data(a.handledName)&&(t.attr(a.attribute)||t.attr(l)||t.attr(f)||c[r]!==e)}).data("plugin_"+a.name,r);for(var s=0,d=t.length;s<d;s++){var A=n(t[s]),g=m(t[s]),h=A.attr(a.imageBaseAttribute)||u;g===N&&h&&A.attr(l)&&A.attr(l,b(A.attr(l),h)),c[g]===e||A.attr(f)||A.attr(f,c[g]),g===N&&i&&!A.attr(E)?A.attr(E,i):g===N||!o||A.css(O)&&"none"!==A.css(O)||A.css(O,"url('"+o+"')")}return t}function s(t,e){if(!i.length)return void(a.autoDestroy&&r.destroy());for(var o=e||i,u=!1,l=a.imageBase||"",f=a.srcsetAttribute,c=a.handledName,s=0;s<o.length;s++)if(t||e||A(o[s])){var g=n(o[s]),h=m(o[s]),b=g.attr(a.attribute),v=g.attr(a.imageBaseAttribute)||l,p=g.attr(a.loaderAttribute);g.data(c)||a.visibleOnly&&!g.is(":visible")||!((b||g.attr(f))&&(h===N&&(v+b!==g.attr(E)||g.attr(f)!==g.attr(F))||h!==N&&v+b!==g.css(O))||p)||(u=!0,g.data(c,!0),d(g,h,v,p))}u&&(i=n(i).filter(function(){return!n(this).data(c)}))}function d(t,e,r,i){++z;var o=function(){y("onError",t),p(),o=n.noop};y("beforeLoad",t);var u=a.attribute,l=a.srcsetAttribute,f=a.sizesAttribute,c=a.retinaAttribute,s=a.removeAttribute,d=a.loadedName,A=t.attr(c);if(i){var g=function(){s&&t.removeAttr(a.loaderAttribute),t.data(d,!0),y(T,t),setTimeout(p,1),g=n.noop};t.off(I).one(I,o).one(D,g),y(i,t,function(e){e?(t.off(D),g()):(t.off(I),o())})||t.trigger(I)}else{var h=n(new Image);h.one(I,o).one(D,function(){t.hide(),e===N?t.attr(C,h.attr(C)).attr(F,h.attr(F)).attr(E,h.attr(E)):t.css(O,"url('"+h.attr(E)+"')"),t[a.effect](a.effectTime),s&&(t.removeAttr(u+" "+l+" "+c+" "+a.imageBaseAttribute),f!==C&&t.removeAttr(f)),t.data(d,!0),y(T,t),h.remove(),p()});var m=(L&&A?A:t.attr(u))||"";h.attr(C,t.attr(f)).attr(F,t.attr(l)).attr(E,m?r+m:null),h.complete&&h.trigger(D)}}function A(t){var e=t.getBoundingClientRect(),r=a.scrollDirection,n=a.threshold,i=h()+n>e.top&&-n<e.bottom,o=g()+n>e.left&&-n<e.right;return"vertical"===r?i:"horizontal"===r?o:i&&o}function g(){return w>=0?w:w=n(t).width()}function h(){return B>=0?B:B=n(t).height()}function m(t){return t.tagName.toLowerCase()}function b(t,e){if(e){var r=t.split(",");t="";for(var a=0,n=r.length;a<n;a++)t+=e+r[a].trim()+(a!==n-1?",":"")}return t}function v(t,e){var n,i=0;return function(o,u){function l(){i=+new Date,e.call(r,o)}var f=+new Date-i;n&&clearTimeout(n),f>t||!a.enableThrottle||u?l():n=setTimeout(l,t-f)}}function p(){--z,i.length||z||y("onFinishedAll")}function y(t,e,n){return!!(t=a[t])&&(t.apply(r,[].slice.call(arguments,1)),!0)}var z=0,w=-1,B=-1,L=!1,T="afterLoad",D="load",I="error",N="img",E="src",F="srcset",C="sizes",O="background-image";"event"===a.bind||o?f():n(t).on(D+"."+l,f)}function a(a,o){var u=this,l=n.extend({},u.config,o),f={},c=l.name+"-"+ ++i;return u.config=function(t,r){return r===e?l[t]:(l[t]=r,u)},u.addItems=function(t){return f.a&&f.a("string"===n.type(t)?n(t):t),u},u.getItems=function(){return f.g?f.g():{}},u.update=function(t){return f.e&&f.e({},!t),u},u.force=function(t){return f.f&&f.f("string"===n.type(t)?n(t):t),u},u.loadAll=function(){return f.e&&f.e({all:!0},!0),u},u.destroy=function(){return n(l.appendScroll).off("."+c,f.e),n(t).off("."+c),f={},e},r(u,l,a,f,c),l.chainable?a:u}var n=t.jQuery||t.Zepto,i=0,o=!1;n.fn.Lazy=n.fn.lazy=function(t){return new a(this,t)},n.Lazy=n.lazy=function(t,r,i){if(n.isFunction(r)&&(i=r,r=[]),n.isFunction(i)){t=n.isArray(t)?t:[t],r=n.isArray(r)?r:[r];for(var o=a.prototype.config,u=o._f||(o._f={}),l=0,f=t.length;l<f;l++)(o[t[l]]===e||n.isFunction(o[t[l]]))&&(o[t[l]]=i);for(var c=0,s=r.length;c<s;c++)u[r[c]]=t[0]}},a.prototype.config={name:"lazy",chainable:!0,autoDestroy:!0,bind:"load",threshold:500,visibleOnly:!1,appendScroll:t,scrollDirection:"both",imageBase:null,defaultImage:"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",placeholder:null,delay:-1,combined:!1,attribute:"data-src",srcsetAttribute:"data-srcset",sizesAttribute:"data-sizes",retinaAttribute:"data-retina",loaderAttribute:"data-loader",imageBaseAttribute:"data-imagebase",removeAttribute:!0,handledName:"handled",loadedName:"loaded",effect:"show",effectTime:0,enableThrottle:!0,throttle:250,beforeLoad:e,afterLoad:e,onError:e,onFinishedAll:e},n(t).on("load",function(){o=!0})}(window);
|
||||
@@ -1,87 +0,0 @@
|
||||
/*
|
||||
treeMenu - jQuery plugin
|
||||
version: 0.6
|
||||
|
||||
Copyright 2014 Stepan Krapivin
|
||||
|
||||
*/
|
||||
(function($){
|
||||
$.fn.treemenu = function(options) {
|
||||
options = options || {};
|
||||
options.delay = options.delay || 0;
|
||||
options.openActive = options.openActive || false;
|
||||
options.closeOther = options.closeOther || false;
|
||||
options.activeSelector = options.activeSelector || ".active";
|
||||
|
||||
this.addClass("treemenu");
|
||||
|
||||
if (!options.nonroot) {
|
||||
this.addClass("treemenu-root");
|
||||
}
|
||||
|
||||
options.nonroot = true;
|
||||
|
||||
this.find("> li").each(function() {
|
||||
e = $(this);
|
||||
var subtree = e.find('> ul');
|
||||
var button = e.find('.toggler').eq(0);
|
||||
|
||||
if(button.length == 0) {
|
||||
// create toggler
|
||||
var button = $('<span>');
|
||||
button.addClass('toggler');
|
||||
e.prepend(button);
|
||||
}
|
||||
|
||||
if(subtree.length > 0) {
|
||||
subtree.hide();
|
||||
|
||||
e.addClass('tree-closed');
|
||||
|
||||
e.find(button).click(function() {
|
||||
var li = $(this).parent('li');
|
||||
|
||||
if (options.closeOther && li.hasClass('tree-closed')) {
|
||||
var siblings = li.parent('ul').find("li:not(.tree-empty)");
|
||||
siblings.removeClass("tree-opened");
|
||||
siblings.addClass("tree-closed");
|
||||
siblings.removeClass(options.activeSelector);
|
||||
siblings.find('> ul').slideUp(options.delay);
|
||||
}
|
||||
|
||||
li.find('> ul').slideToggle(options.delay);
|
||||
li.toggleClass('tree-opened');
|
||||
li.toggleClass('tree-closed');
|
||||
li.toggleClass(options.activeSelector);
|
||||
});
|
||||
|
||||
$(this).find('> ul').treemenu(options);
|
||||
} else {
|
||||
$(this).addClass('tree-empty');
|
||||
}
|
||||
});
|
||||
|
||||
if (options.openActive) {
|
||||
var cls = this.attr("class");
|
||||
|
||||
this.find(options.activeSelector).each(function(){
|
||||
var el = $(this).parent();
|
||||
|
||||
while (el.attr("class") !== cls) {
|
||||
el.find('> ul').show();
|
||||
if(el.prop("tagName") === 'UL') {
|
||||
el.show();
|
||||
} else if (el.prop("tagName") === 'LI') {
|
||||
el.removeClass('tree-closed');
|
||||
el.addClass("tree-opened");
|
||||
el.show();
|
||||
}
|
||||
|
||||
el = el.parent();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
})(jQuery);
|
||||
@@ -1,257 +0,0 @@
|
||||
/*!
|
||||
* Lazy Load - jQuery plugin for lazy loading images
|
||||
*
|
||||
* Copyright (c) 2007-2017 Mika Tuupola
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Project home:
|
||||
* http://www.appelsiini.net/projects/lazyload
|
||||
*
|
||||
* Version: 1.10.0-dev
|
||||
*
|
||||
*/
|
||||
|
||||
(function($, window, document, undefined) {
|
||||
var $window = $(window);
|
||||
|
||||
$.fn.lazyload = function(options) {
|
||||
var elements = this;
|
||||
var $container;
|
||||
var settings = {
|
||||
threshold : 0,
|
||||
failure_limit : 0,
|
||||
event : "scroll.lazyload",
|
||||
effect : "show",
|
||||
container : window,
|
||||
data_attribute : "original",
|
||||
data_srcset : "srcset",
|
||||
skip_invisible : false,
|
||||
appear : null,
|
||||
load : null,
|
||||
placeholder : "data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="
|
||||
};
|
||||
|
||||
function update() {
|
||||
var counter = 0;
|
||||
|
||||
elements.each(function() {
|
||||
var $this = $(this);
|
||||
if (settings.skip_invisible && !$this.is(":visible")) {
|
||||
return;
|
||||
}
|
||||
if ($.abovethetop(this, settings) ||
|
||||
$.leftofbegin(this, settings)) {
|
||||
/* Nothing. */
|
||||
} else if (!$.belowthefold(this, settings) &&
|
||||
!$.rightoffold(this, settings)) {
|
||||
$this.trigger("appear");
|
||||
/* if we found an image we'll load, reset the counter */
|
||||
counter = 0;
|
||||
} else {
|
||||
if (++counter > settings.failure_limit) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if(options) {
|
||||
/* Maintain BC for a couple of versions. */
|
||||
if (undefined !== options.failurelimit) {
|
||||
options.failure_limit = options.failurelimit;
|
||||
delete options.failurelimit;
|
||||
}
|
||||
if (undefined !== options.effectspeed) {
|
||||
options.effect_speed = options.effectspeed;
|
||||
delete options.effectspeed;
|
||||
}
|
||||
|
||||
$.extend(settings, options);
|
||||
}
|
||||
|
||||
/* Cache container as jQuery as object. */
|
||||
$container = (settings.container === undefined ||
|
||||
settings.container === window) ? $window : $(settings.container);
|
||||
|
||||
/* Fire one scroll event per scroll. Not one scroll event per image. */
|
||||
if (0 === settings.event.indexOf("scroll")) {
|
||||
$container.off(settings.event).on(settings.event, function() {
|
||||
return update();
|
||||
});
|
||||
}
|
||||
|
||||
this.each(function() {
|
||||
var self = this;
|
||||
var $self = $(self);
|
||||
|
||||
self.loaded = false;
|
||||
|
||||
/* If no src attribute given use data:uri. */
|
||||
if ($self.attr("src") === undefined || $self.attr("src") === false) {
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", settings.placeholder);
|
||||
}
|
||||
}
|
||||
|
||||
/* When appear is triggered load original image. */
|
||||
$self.one("appear", function() {
|
||||
if (!this.loaded) {
|
||||
if (settings.appear) {
|
||||
var elements_left = elements.length;
|
||||
settings.appear.call(self, elements_left, settings);
|
||||
}
|
||||
$("<img />")
|
||||
.one("load", function() {
|
||||
var original = $self.attr("data-" + settings.data_attribute);
|
||||
var srcset = $self.attr("data-" + settings.data_srcset);
|
||||
|
||||
if (original !== $self.attr("src")) {
|
||||
$self.hide();
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", original);
|
||||
if (srcset !== null) {
|
||||
$self.attr("srcset", srcset);
|
||||
}
|
||||
} if ($self.is("video")) {
|
||||
$self.attr("poster", original);
|
||||
} else {
|
||||
$self.css("background-image", "url('" + original + "')");
|
||||
}
|
||||
$self[settings.effect](settings.effect_speed);
|
||||
}
|
||||
|
||||
self.loaded = true;
|
||||
|
||||
/* Remove image from array so it is not looped next time. */
|
||||
var temp = $.grep(elements, function(element) {
|
||||
return !element.loaded;
|
||||
});
|
||||
elements = $(temp);
|
||||
|
||||
if (settings.load) {
|
||||
var elements_left = elements.length;
|
||||
settings.load.call(self, elements_left, settings);
|
||||
}
|
||||
})
|
||||
.bind("error", function(){
|
||||
$(self).trigger("error");
|
||||
})
|
||||
.attr({
|
||||
"src": $self.attr("data-" + settings.data_attribute),
|
||||
"srcset": $self.attr("data-" + settings.data_srcset) || ""
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* When wanted event is triggered load original image */
|
||||
/* by triggering appear. */
|
||||
if (0 !== settings.event.indexOf("scroll")) {
|
||||
$self.off(settings.event).on(settings.event, function() {
|
||||
if (!self.loaded) {
|
||||
$self.trigger("appear");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* Check if something appears when window is resized. */
|
||||
$window.off("resize.lazyload").bind("resize.lazyload", function() {
|
||||
update();
|
||||
});
|
||||
|
||||
/* With IOS5 force loading images when navigating with back button. */
|
||||
/* Non optimal workaround. */
|
||||
if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
|
||||
$window.on("pageshow", function(event) {
|
||||
if (event.originalEvent && event.originalEvent.persisted) {
|
||||
elements.each(function() {
|
||||
$(this).trigger("appear");
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* Force initial check if images should appear. */
|
||||
$(function() {
|
||||
update();
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/* Convenience methods in jQuery namespace. */
|
||||
/* Use as $.belowthefold(element, {threshold : 100, container : window}) */
|
||||
|
||||
$.belowthefold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top + $(settings.container).height();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().top - settings.threshold;
|
||||
};
|
||||
|
||||
$.rightoffold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.width() + $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left + $(settings.container).width();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().left - settings.threshold;
|
||||
};
|
||||
|
||||
$.abovethetop = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().top + settings.threshold + $(element).height();
|
||||
};
|
||||
|
||||
$.leftofbegin = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().left + settings.threshold + $(element).width();
|
||||
};
|
||||
|
||||
$.inviewport = function(element, settings) {
|
||||
return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
|
||||
!$.belowthefold(element, settings) && !$.abovethetop(element, settings);
|
||||
};
|
||||
|
||||
/* Custom selectors for your convenience. */
|
||||
/* Use as $("img:below-the-fold").something() or */
|
||||
/* $("img").filter(":below-the-fold").something() which is faster */
|
||||
|
||||
$.extend($.expr[":"], {
|
||||
"below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
|
||||
"above-the-top" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
|
||||
"in-viewport" : function(a) { return $.inviewport(a, {threshold : 0}); },
|
||||
/* Maintain BC for couple of versions. */
|
||||
"above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-fold" : function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-fold" : function(a) { return !$.rightoffold(a, {threshold : 0}); }
|
||||
});
|
||||
|
||||
})(jQuery, window, document);
|
||||
@@ -1,9 +0,0 @@
|
||||
/* scopeQuerySelectorShim.js
|
||||
*
|
||||
* Copyright (C) 2015 Larry Davis
|
||||
* All rights reserved.
|
||||
*
|
||||
* This software may be modified and distributed under the terms
|
||||
* of the BSD license. See the LICENSE file for details.
|
||||
*/
|
||||
!function(){function a(a,c){var e=a[c];a[c]=function(a){var c,f=!1,g=!1;return a.match(d)?(a=a.replace(d,""),this.parentNode||(b.appendChild(this),g=!0),parentNode=this.parentNode,this.id||(this.id="rootedQuerySelector_id_"+(new Date).getTime(),f=!0),c=e.call(parentNode,"#"+this.id+" "+a),f&&(this.id=""),g&&b.removeChild(this),c):e.call(this,a)}}if(!HTMLElement.prototype.querySelectorAll)throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll");var b=document.createElement("div");try{b.querySelectorAll(":scope *")}catch(c){var d=/^\s*:scope/gi;a(HTMLElement.prototype,"querySelector"),a(HTMLElement.prototype,"querySelectorAll")}}();
|
||||
@@ -1,8 +0,0 @@
|
||||
/**
|
||||
* Single Page Nav Plugin
|
||||
* Copyright (c) 2014 Chris Wojcik <hello@chriswojcik.net>
|
||||
* Dual licensed under MIT and GPL.
|
||||
* @author Chris Wojcik
|
||||
* @version 1.2.0
|
||||
*/
|
||||
if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}(function(e,t,n,r){"use strict";var i={init:function(n,r){this.options=e.extend({},e.fn.singlePageNav.defaults,n);this.container=r;this.$container=e(r);this.$links=this.$container.find("a");if(this.options.filter!==""){this.$links=this.$links.filter(this.options.filter)}this.$window=e(t);this.$htmlbody=e("html, body");this.$links.on("click.singlePageNav",e.proxy(this.handleClick,this));this.didScroll=false;this.checkPosition();this.setTimer()},handleClick:function(t){var n=this,r=t.currentTarget,i=e(r.hash);t.preventDefault();if(i.length){n.clearTimer();if(typeof n.options.beforeStart==="function"){n.options.beforeStart()}n.setActiveLink(r.hash);n.scrollTo(i,function(){if(n.options.updateHash&&history.pushState){history.pushState(null,null,r.hash)}n.setTimer();if(typeof n.options.onComplete==="function"){n.options.onComplete()}})}},scrollTo:function(e,t){var n=this;var r=n.getCoords(e).top;var i=false;n.$htmlbody.stop().animate({scrollTop:r},{duration:n.options.speed,easing:n.options.easing,complete:function(){if(typeof t==="function"&&!i){t()}i=true}})},setTimer:function(){var e=this;e.$window.on("scroll.singlePageNav",function(){e.didScroll=true});e.timer=setInterval(function(){if(e.didScroll){e.didScroll=false;e.checkPosition()}},250)},clearTimer:function(){clearInterval(this.timer);this.$window.off("scroll.singlePageNav");this.didScroll=false},checkPosition:function(){var e=this.$window.scrollTop();var t=this.getCurrentSection(e);this.setActiveLink(t)},getCoords:function(e){return{top:Math.round(e.offset().top)-this.options.offset}},setActiveLink:function(e){var t=this.$container.find("a[href$='"+e+"']");if(!t.hasClass(this.options.currentClass)){this.$links.removeClass(this.options.currentClass);t.addClass(this.options.currentClass)}},getCurrentSection:function(t){var n,r,i,s;for(n=0;n<this.$links.length;n++){r=this.$links[n].hash;if(e(r).length){i=this.getCoords(e(r));if(t>=i.top-this.options.threshold){s=r}}}return s||this.$links[0].hash}};e.fn.singlePageNav=function(e){return this.each(function(){var t=Object.create(i);t.init(e,this)})};e.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:false,filter:"",onComplete:false,beforeStart:false}})(jQuery,window,document);
|
||||
@@ -1,294 +0,0 @@
|
||||
function click_link() {
|
||||
|
||||
$link = $('#text_figli p > a');
|
||||
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
if ($this.hasClass('open')) {
|
||||
$this.removeClass('open');
|
||||
$('#item_list.'+ cat).remove();
|
||||
} else {
|
||||
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$(data).find('#item_list').addClass(cat).insertAfter($this);
|
||||
$this.addClass('open');
|
||||
|
||||
},
|
||||
complete: function(data) {
|
||||
console.log('cat', cat);
|
||||
lazyload();
|
||||
click_img(e, $this, $href, url, page, cat, project_name);
|
||||
closeAjax();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function click_list() {
|
||||
var $link = $('.list-projets li > a');
|
||||
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
var $link_txt = $('#text_figli a#'+cat);
|
||||
var $link_item = $('#item_list.'+cat);
|
||||
var $link_card = $('.card > #'+project_name + ' a');
|
||||
|
||||
if ($link_txt.hasClass('open') && $link_card.parent().hasClass('open') ) {
|
||||
|
||||
anchor($href);
|
||||
|
||||
}else if ($link_txt.hasClass('open')) {
|
||||
anchor($href);
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$('#item_list.'+cat+' .card-image.open #item').remove();
|
||||
$('#item_list.'+cat+' .card-image').removeClass('open');
|
||||
$(data).find('#item').addClass(cat).insertAfter($link_card);
|
||||
|
||||
$link_card.parent().addClass('open');
|
||||
|
||||
},
|
||||
complete: function(data) {
|
||||
lazyload();
|
||||
// animate();
|
||||
marg_item(project_name);
|
||||
closeAjax();
|
||||
},
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
|
||||
$(data).find('#item_list').addClass(cat).insertAfter($link_txt);
|
||||
$link_txt.addClass('open');
|
||||
|
||||
anchor($href);
|
||||
|
||||
$('.card a').click(function (e) {
|
||||
e.preventDefault()
|
||||
})
|
||||
|
||||
click_img(e, $this, $href, url, page, cat, project_name)
|
||||
},
|
||||
complete: function(data) {
|
||||
console.log('cat', cat);
|
||||
lazyload();
|
||||
|
||||
var $link_card = $('.card > #'+project_name + ' a');
|
||||
|
||||
setTimeout( function(){
|
||||
console.log('project_name', project_name);
|
||||
console.log('$link_card', $link_card);
|
||||
|
||||
if ($link_card.hasClass('open')) {
|
||||
}else {
|
||||
anchor($href);
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$(data).find('#item').addClass(cat).insertAfter($link_card);
|
||||
$link_card.parent().addClass('open');
|
||||
},
|
||||
complete: function(data) {
|
||||
// animate();
|
||||
lazyload();
|
||||
marg_item(project_name);
|
||||
closeAjax();
|
||||
|
||||
},
|
||||
});
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function click_img(e, $this, $href, url, page, cat, project_name) {
|
||||
$('section.' + cat +' .card-image > a').click(function(e) {
|
||||
var $this = $(this);
|
||||
$href = $this.attr("href");
|
||||
url = $href.split("/");
|
||||
page = url[1];
|
||||
cat = url[2];
|
||||
project_name = url[3];
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if ($this.parent().hasClass('open')) {
|
||||
$this.parent().removeClass('open');
|
||||
$($this.parent().find('#item.'+ cat)).remove();
|
||||
} else {
|
||||
$.ajax({
|
||||
url : '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
|
||||
type : 'GET', // Le type de la requête HTTP
|
||||
dataType:'html',
|
||||
success: function(data) {
|
||||
$('#item_list.'+cat+' .card-image.open #item').remove();
|
||||
$('#item_list.'+cat+' .card-image').removeClass('open');
|
||||
$(data).find('#item').addClass(cat).insertAfter($this);
|
||||
$this.parent().addClass('open');
|
||||
marg_item(project_name);
|
||||
anchor($href);
|
||||
},
|
||||
complete:function() {
|
||||
lazyload();
|
||||
closeAjax();
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function anchor($href) {
|
||||
|
||||
var aTag = $("a[href='"+ $href +"']");
|
||||
// console.log('aTag.offset()', aTag.offset().top+10);
|
||||
$('html,body').animate({scrollTop: aTag.offset().top-7},'slow');
|
||||
|
||||
}
|
||||
|
||||
function animate() {
|
||||
var $item_list = $('#item_list .card > .card-image');
|
||||
$item_list.fadeIn( "slow" );
|
||||
}
|
||||
|
||||
function marg_item(project_name) {
|
||||
|
||||
var $item = $('.card-image#'+project_name+' #item');
|
||||
var $item_offset = $item.offset().left-8;
|
||||
var $card = $item.parents('.card');
|
||||
|
||||
var $item_list = $item.parents('#item_list');
|
||||
var pos_card = $card.offset().left;
|
||||
|
||||
var margin_right = $item_list.width() - (pos_card + $card.width());
|
||||
|
||||
console.log('$card.width()',$card.width());
|
||||
console.log('pos_card',pos_card);
|
||||
|
||||
console.log('$item_list',$item_list.width());
|
||||
|
||||
$item.css('margin-left', '-'+$item_offset +'px');
|
||||
// $item.parents('.card').css('margin-right', margin_right);
|
||||
}
|
||||
|
||||
function mouseHover() {
|
||||
|
||||
$link_cat = $('#text_figli p > a');
|
||||
|
||||
$link_cat.mouseenter(function() {
|
||||
link_id = $(this).attr("id");
|
||||
|
||||
$('html').append("<div class=circle_hover ></div>");
|
||||
console.log('link_id',link_id);
|
||||
|
||||
setTimeout(function () {
|
||||
$('.circle_hover').addClass('open '+ link_id);
|
||||
}, 10);
|
||||
|
||||
mousePos();
|
||||
|
||||
})
|
||||
.mouseleave(function() {
|
||||
$('html').find(".circle_hover").remove();
|
||||
});
|
||||
|
||||
function mousePos() {
|
||||
var currentMousePos = { x: 0, y: 0 };
|
||||
var $circle = $('.circle_hover');
|
||||
|
||||
$(document).mousemove(function(event) {
|
||||
currentMousePos.x = event.pageX;
|
||||
currentMousePos.y = event.pageY;
|
||||
|
||||
$circle.css('left', currentMousePos.x );
|
||||
$circle.css('top', currentMousePos.y );
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
function lazyload() {
|
||||
$('.lazy').Lazy({
|
||||
effect: "fadeIn",
|
||||
effectTime: 900,
|
||||
threshold: 0
|
||||
});
|
||||
}
|
||||
|
||||
function redirection() {
|
||||
var url = document.location.href;
|
||||
console.log(url);
|
||||
if (url != 'https://figureslibres.kevintessier.net/') {
|
||||
document.location.href="https://figureslibres.kevintessier.net/"
|
||||
}
|
||||
}
|
||||
|
||||
function animate_burger() {
|
||||
var forEach=function(t,o,r){if("[object Object]"===Object.prototype.toString.call(t))for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.call(r,t[c],c,t);else for(var e=0,l=t.length;l>e;e++)o.call(r,t[e],e,t)};
|
||||
var hamburgers = document.querySelectorAll(".hamburger");
|
||||
var $hamburger = $('button.hamburger');
|
||||
|
||||
if (hamburgers.length > 0) {
|
||||
forEach(hamburgers, function(hamburger) {
|
||||
hamburger.addEventListener("click", function() {
|
||||
this.classList.toggle("is-active");
|
||||
}, false);
|
||||
});
|
||||
}
|
||||
|
||||
$hamburger.click(function() {
|
||||
$('.sidebar-right').toggleClass("is-active");
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
function closeAjax() {
|
||||
var $button = $('#item_list #icone_list');
|
||||
|
||||
$button.click(function() {
|
||||
$(this).parent().remove();
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function($){
|
||||
// redirection();
|
||||
click_link();
|
||||
click_list();
|
||||
mouseHover();
|
||||
animate_burger();
|
||||
});
|
||||
@@ -1,6 +0,0 @@
|
||||
/*
|
||||
* smoothscroll polyfill - v0.3.4
|
||||
* https://iamdustan.github.io/smoothscroll
|
||||
* 2016 (c) Dustan Kasten, Jeremias Menichelli - MIT License
|
||||
*/
|
||||
!function(o,t,l){"use strict";function e(){function e(o,t){this.scrollLeft=o,this.scrollTop=t}function r(o){return.5*(1-Math.cos(Math.PI*o))}function n(o){if("object"!=typeof o||null===o||o.behavior===l||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior not valid")}function c(l){var e,r,n;do l=l.parentNode,e=l===t.body,r=l.clientHeight<l.scrollHeight||l.clientWidth<l.scrollWidth,n="visible"===o.getComputedStyle(l,null).overflow;while(!e&&(!r||n));return e=r=n=null,l}function i(t){t.frame=o.requestAnimationFrame(i.bind(o,t));var l,e,n,c=u(),s=(c-t.startTime)/f;return s=s>1?1:s,l=r(s),e=t.startX+(t.x-t.startX)*l,n=t.startY+(t.y-t.startY)*l,t.method.call(t.scrollable,e,n),e===t.x&&n===t.y?void o.cancelAnimationFrame(t.frame):void 0}function s(l,r,n){var c,s,a,f,d,h=u();l===t.body?(c=o,s=o.scrollX||o.pageXOffset,a=o.scrollY||o.pageYOffset,f=p.scroll):(c=l,s=l.scrollLeft,a=l.scrollTop,f=e),d&&o.cancelAnimationFrame(d),i({scrollable:c,method:f,startTime:h,startX:s,startY:a,x:r,y:n,frame:d})}if(!("scrollBehavior"in t.documentElement.style)){var a=o.HTMLElement||o.Element,f=468,p={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,scrollIntoView:a.prototype.scrollIntoView},u=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now;o.scroll=o.scrollTo=function(){return n(arguments[0])?void p.scroll.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left,~~arguments[0].top)},o.scrollBy=function(){return n(arguments[0])?void p.scrollBy.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset))},a.prototype.scrollIntoView=function(){if(n(arguments[0]))return void p.scrollIntoView.call(this,arguments[0]||!0);var l=c(this),e=l.getBoundingClientRect(),r=this.getBoundingClientRect();l!==t.body?(s.call(this,l,l.scrollLeft+r.left-e.left,l.scrollTop+r.top-e.top),o.scrollBy({left:e.left,top:e.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}}}"object"==typeof exports?module.exports={polyfill:e}:e()}(window,document);
|
||||
@@ -1,145 +0,0 @@
|
||||
// Font Family
|
||||
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-mono: "Inconsolata", monospace;
|
||||
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
||||
// @font-face
|
||||
|
||||
$lato: "lato";
|
||||
$family: "lato";
|
||||
$file-regular: "Lato-Regular";
|
||||
$category: "sans-serif";
|
||||
|
||||
@mixin font-face($lato, $file-regular, $family, $category:"") {
|
||||
$filepath: "../fonts/" + $family + "/" + $file-regular;
|
||||
@font-face {
|
||||
font-family: "#{$lato}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $lato + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$lato} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$lato}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$lato}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$syne: "syne";
|
||||
$family-bold: "syne";
|
||||
$file-bold: "Syne-Bold";
|
||||
|
||||
@mixin font-face($syne, $file-bold, $family-bold, $category:"") {
|
||||
$filepath: "../fonts/" + $family-bold + "/" + $file-bold;
|
||||
@font-face {
|
||||
font-family: "#{$syne}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
}
|
||||
|
||||
%#{$syne} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$syne}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$syne}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$avara: "Avara";
|
||||
$family-bold-italic: "avara";
|
||||
$file-bold-italic: "Avara-Bold_Italic_web";
|
||||
|
||||
@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
|
||||
$filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
|
||||
@font-face {
|
||||
font-family: "#{$avara}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $avara + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$avara} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$avara}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$avara}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$playfair: "playfairdisplay-regularitalic";
|
||||
$family-italic: "playfair";
|
||||
$file-italic: "playfairdisplay-regularitalic";
|
||||
|
||||
@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
|
||||
$filepath: "../fonts/" + $family-italic + "/" + $file-italic;
|
||||
@font-face {
|
||||
font-family: "#{$playfair}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $playfair + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$playfair} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$playfair}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$playfair}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$moche: "Moche-Bold";
|
||||
$family-regular2: "moche";
|
||||
$file-regular2: "Moche-Bold";
|
||||
|
||||
@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
|
||||
$filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
|
||||
@font-face {
|
||||
font-family: "#{$moche}";
|
||||
src: url($filepath + ".eot");
|
||||
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
||||
url($filepath + ".woff") format('woff'),
|
||||
url($filepath + ".ttf") format('truetype'),
|
||||
url($filepath + ".svg#" + $moche + "") format('svg');
|
||||
}
|
||||
|
||||
%#{$moche} {
|
||||
font: {
|
||||
@if $category != "" {
|
||||
family: "#{$moche}", #{$category};
|
||||
}
|
||||
@else {
|
||||
family: "#{$moche}";
|
||||
weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,39 +0,0 @@
|
||||
@include font-face($lato, $file-regular, $family, $category);//1
|
||||
@include font-face($syne, $file-bold, $family-bold, $category);//2
|
||||
@include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
|
||||
@include font-face($playfair, $file-italic, $family-italic, $category);//2
|
||||
@include font-face($moche, $file-regular2, $family-regular2, $category);//2
|
||||
|
||||
// font-size
|
||||
$txt-figli: 2.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome: 3rem;
|
||||
|
||||
$marg: 0.5rem;
|
||||
$margI: 1rem;
|
||||
$Wi: 80%;
|
||||
|
||||
$Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
|
||||
$Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
|
||||
$Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
|
||||
|
||||
// mobile
|
||||
$txt-figli-m: 1.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome-m: 2rem;
|
||||
$Wi-m: calc( 100% - 0.5rem);
|
||||
$Wi80-m: 80%;
|
||||
$Wi33-m: calc(( 100% / 3 ) - 0.5rem);
|
||||
|
||||
// tablette
|
||||
$txt-figli-t: 2.5rem;
|
||||
|
||||
// line-height
|
||||
$Flhome-t: 3rem;
|
||||
|
||||
// color
|
||||
$color_publique: #fef86f;
|
||||
$color_sociale: lightgreen;
|
||||
$color_culturelle: #82f8ee;
|
||||
@@ -1,14 +0,0 @@
|
||||
// Core variables and mixins
|
||||
@import 'configurations/_fonts';
|
||||
@import 'configurations/_variable';
|
||||
@import 'configurations/_extend';
|
||||
@import 'theme/reset';
|
||||
@import 'theme/typography';
|
||||
|
||||
@import 'theme/animation';
|
||||
@import 'theme/header';
|
||||
@import 'theme/start';
|
||||
@import 'theme/sidebar';
|
||||
@import 'theme/blog';
|
||||
@import 'theme/item';
|
||||
@import 'theme/mobile';
|
||||
@@ -1,69 +0,0 @@
|
||||
$animate: all 0.2s ease-in-out;
|
||||
|
||||
#text_figli{
|
||||
z-index: 999;
|
||||
p{
|
||||
& > a{
|
||||
z-index: 999;
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
width: 0px;
|
||||
height: 1px;
|
||||
margin: 1px 0 0;
|
||||
transition: $animate;
|
||||
transition-duration: 0.3s;
|
||||
opacity: 0;
|
||||
background-color: black;
|
||||
}
|
||||
&::before{
|
||||
left: 50%;
|
||||
}
|
||||
&:after{
|
||||
right: 50%;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
&:before,
|
||||
&:after {
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
&:before,
|
||||
&:after {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.circle_hover{
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
transition: height .2s, width .2s;
|
||||
&.open{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
transition: height .5s, width .5s;
|
||||
}
|
||||
&.publique{
|
||||
background:
|
||||
url("/user/themes/figureslibres/images/forme2.svg") center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
&.sociale{
|
||||
background: $color_sociale;
|
||||
border-radius: 100px;
|
||||
}
|
||||
&.culturelle{
|
||||
background:
|
||||
url("/user/themes/figureslibres/images/forme3.svg") center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
#item_list{
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
.card{
|
||||
width: $Wi50;
|
||||
&:nth-child(odd){
|
||||
margin-right: $margI;
|
||||
}
|
||||
.card-header{
|
||||
z-index: 999;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
// margin-bottom: $marg;
|
||||
& > * {
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
.search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
|
||||
@extend .form-input;
|
||||
}
|
||||
|
||||
.button {
|
||||
@extend .btn;
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
// Sticky Footer solution
|
||||
body.sticky-footer {
|
||||
height: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
#page-wrapper {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: #acb3c2;
|
||||
padding: 1rem $horiz-padding 0;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
form {
|
||||
.button-wrapper {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
span.required {
|
||||
color: $error-color;
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.form-input[type=range] {
|
||||
appearance: slider-horizontal;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#grav-login {
|
||||
> form {
|
||||
margin: 2rem auto 0;
|
||||
max-width: 350px;
|
||||
}
|
||||
.form-label {
|
||||
display: none;
|
||||
}
|
||||
.form-data {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.form-input {
|
||||
text-align: center;
|
||||
}
|
||||
.button-wrapper {
|
||||
text-align: right;
|
||||
|
||||
.form-data.rememberme {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
button[type="submit"] {
|
||||
@include button-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,156 +0,0 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#body-wrapper {
|
||||
.container {
|
||||
padding: $vert-padding;
|
||||
}
|
||||
|
||||
// Fixed Header solution
|
||||
.header-fixed & {
|
||||
padding-top: $header-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
.header-fixed {
|
||||
.hero + #start > #body-wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
section.section {
|
||||
padding-left: $horiz-padding;
|
||||
padding-right: $horiz-padding;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overlay-light, .overlay-dark, .overlay-light-gradient, .overlay-dark-gradient {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
// Hero
|
||||
.hero {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
padding-top: 6rem;
|
||||
padding-bottom: 7rem;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
h1 {
|
||||
color: $header-text-dark;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: rgba($header-text-dark, 0.8);
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
&.hero-fullscreen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
&.hero-large {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
&.hero-medium {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
&.hero-small {
|
||||
min-height: 110px;
|
||||
}
|
||||
|
||||
&.hero-tiny {
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
.header-fixed & {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
//&.parallax {
|
||||
// background-attachment: fixed;
|
||||
//}
|
||||
|
||||
@include breakpoint(md) {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(sm) {
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.text-light {
|
||||
h1 {
|
||||
color: $header-text-light;
|
||||
}
|
||||
h2 {
|
||||
color: rgba($header-text-light, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: .9rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#to-start {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Overlay
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
|
||||
.overlay-light & {
|
||||
background: rgba(#fff, 0.4);
|
||||
}
|
||||
|
||||
.overlay-light-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#fff,0.5), rgba(#fff,0.2));
|
||||
}
|
||||
|
||||
.overlay-dark & {
|
||||
background: rgba(#000, 0.4);
|
||||
}
|
||||
|
||||
.overlay-dark-gradient & {
|
||||
background: linear-gradient(to bottom, rgba(#000,0.5), rgba(#000,0.2));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
.home{
|
||||
header{
|
||||
}
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
#item{
|
||||
.e-content{
|
||||
-webkit-columns: 300px 2;
|
||||
-moz-columns: 300px 2;
|
||||
columns: 300px 2;
|
||||
margin-bottom: $marg;
|
||||
}
|
||||
.card-image{
|
||||
img:not(:last-of-type){
|
||||
margin-bottom: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.other_projets{
|
||||
border-top: 1px solid black;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: $margI;
|
||||
margin-bottom: $margI;
|
||||
h3{
|
||||
margin: 1rem 0 $marg 0;
|
||||
width: 100%;
|
||||
}
|
||||
.card{
|
||||
width: $Wi33;
|
||||
&:nth-child(-1n+3){
|
||||
margin-right: $marg;
|
||||
}
|
||||
.card-header{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
& > *{
|
||||
margin-right: $marg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user