Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
.cmplz-cookiebanner {
|
||||
top: initial;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
transform: initial;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
left: initial;
|
||||
right: initial;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.cmplz-message,
|
||||
.cmplz-categories {
|
||||
width: calc(var(--cmplz_banner_width) - 42px);
|
||||
}
|
||||
}
|
||||
#cmplz-manage-consent .cmplz-manage-consent {
|
||||
left: 40px;
|
||||
right: initial;
|
||||
}
|
||||
/*# sourceMappingURL=bottom-left.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["bottom-left.less"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,UAAA;EACA,YAAA;EACA,kBAAA;;AAGF,QAAyB;EACvB;IACD,WAAW,yBAAX;IACA,eAAA;IACA,aAAA;IACA,kBAAA;;;AAID,QAAyB;EACvB;IAED,aAAA;IACA,cAAA;IACA,SAAA;IAIA,WAAA;;EARC,mBAKD;IACE,sBAAA;;;AAMH,QAAyB;EACvB;EAAgB;IACjB,OAAO,sCAAP;;;AAID,qBACE;EACD,UAAA;EACA,cAAA","file":"bottom-left.css"}
|
||||
@@ -0,0 +1,41 @@
|
||||
.cmplz-cookiebanner {
|
||||
top:initial;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
transform:initial;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
//make sure cookie banner is full width and set to bottom
|
||||
left: initial;
|
||||
right:initial;
|
||||
bottom: 0;
|
||||
.cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.cmplz-message, .cmplz-categories {
|
||||
width: calc(~"var(--cmplz_banner_width) - 42px" );
|
||||
}
|
||||
}
|
||||
|
||||
#cmplz-manage-consent {
|
||||
.cmplz-manage-consent {
|
||||
left: 40px;
|
||||
right:initial;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.cmplz-cookiebanner{top:initial;left:10px;bottom:10px;transform:initial}@media (min-width:768px){.cmplz-cookiebanner{min-width:var(--cmplz_banner_width);max-width:100%;display:grid;grid-row-gap:10px}}@media (max-width:768px){.cmplz-cookiebanner{left:initial;right:initial;bottom:0;width:100%}.cmplz-cookiebanner .cmplz-buttons{flex-direction:column}}@media (min-width:768px){.cmplz-categories,.cmplz-message{width:calc(var(--cmplz_banner_width) - 42px)}}#cmplz-manage-consent .cmplz-manage-consent{left:40px;right:initial}
|
||||
@@ -0,0 +1,33 @@
|
||||
.cmplz-cookiebanner {
|
||||
top: initial;
|
||||
left: initial;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
transform: initial;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
left: initial;
|
||||
right: initial;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.cmplz-message,
|
||||
.cmplz-categories {
|
||||
width: calc(var(--cmplz_banner_width) - 42px);
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=bottom-right.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["bottom-right.less"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;;AAEF,QAAyB;EACvB;IACD,WAAW,yBAAX;IACA,eAAA;IACA,aAAA;IACA,kBAAA;;;AAID,QAAyB;EACvB;IAED,aAAA;IACA,cAAA;IACA,SAAA;IAIA,WAAA;;EARC,mBAKD;IACE,sBAAA;;;AAKH,QAAyB;EACvB;EAAgB;IACjB,OAAO,sCAAP","file":"bottom-right.css"}
|
||||
@@ -0,0 +1,33 @@
|
||||
.cmplz-cookiebanner {
|
||||
top:initial;
|
||||
left:initial;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
transform:initial;
|
||||
}
|
||||
@media (min-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
//make sure cookie banner is full width and set to bottom
|
||||
left: initial;
|
||||
right:initial;
|
||||
bottom: 0;
|
||||
.cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width:768px) {
|
||||
.cmplz-message, .cmplz-categories {
|
||||
width: calc(~"var(--cmplz_banner_width) - 42px" );
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.cmplz-cookiebanner{top:initial;left:initial;right:10px;bottom:10px;transform:initial}@media (min-width:768px){.cmplz-cookiebanner{min-width:var(--cmplz_banner_width);max-width:100%;display:grid;grid-row-gap:10px}}@media (max-width:768px){.cmplz-cookiebanner{left:initial;right:initial;bottom:0;width:100%}.cmplz-cookiebanner .cmplz-buttons{flex-direction:column}}@media (min-width:768px){.cmplz-categories,.cmplz-message{width:calc(var(--cmplz_banner_width) - 42px)}}
|
||||
@@ -0,0 +1,96 @@
|
||||
@media (max-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
width: 100%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1023px) {
|
||||
.cmplz-cookiebanner {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1023px) {
|
||||
.cmplz-cookiebanner {
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
top: initial;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.cmplz-cookiebanner {
|
||||
margin: 10px;
|
||||
width: calc(100% - 20px);
|
||||
grid-column-gap: 10px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
bottom: 0;
|
||||
left: initial;
|
||||
top: initial;
|
||||
transform: initial;
|
||||
}
|
||||
.cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body > div {
|
||||
width: 49%;
|
||||
}
|
||||
.cmplz-cookiebanner.cmplz-categories-visible .cmplz-body > div {
|
||||
width: 49%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-body {
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-message,
|
||||
.cmplz-cookiebanner .cmplz-categories,
|
||||
.cmplz-cookiebanner .cmplz-links,
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
grid-column: inherit;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-description {
|
||||
grid-column-start: 1;
|
||||
}
|
||||
.cmplz-cookiebanner.optin .cmplz-categories,
|
||||
.cmplz-cookiebanner.optout .cmplz-categories {
|
||||
width: 85vw;
|
||||
grid-column-start: 2;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
grid-column-start: 3;
|
||||
grid-row-start: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
|
||||
min-width: 250px;
|
||||
width: 100%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
|
||||
grid-column-end: 3;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-links.cmplz-information {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 4;
|
||||
grid-row-start: 5;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 5;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-categories.cmplz-tcf {
|
||||
height: 160px;
|
||||
}
|
||||
.cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons,
|
||||
.cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons {
|
||||
flex-direction: initial;
|
||||
}
|
||||
.cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons,
|
||||
.cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=bottom.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["bottom.less"],"names":[],"mappings":"AAAA,QAAyB;EACvB;IAID,WAAA;;EAJC,mBACD;IACE,sBAAA;;;AAMH,QAA0B;EACxB;IACD,eAAA;;;AAGD,QAA4B;EAC1B;IACD,WAAW,gBAAX;IACA,SAAA;IACA,YAAA;;;AAID,QAA4B;EAC1B;IAgBD,YAAA;IACA,OAAO,iBAAP;IACA,qBAAA;IAEA,aAAA;IACA,8BAAA;IACA,SAAA;IACA,aAAA;IACA,YAAA;IACA,kBAAA;;EAvBE,mBADD,uCAAwC,YACrC;IACH,UAAA;;EAIC,mBADD,yBAA0B,YACvB;IACH,UAAA;;EARA,mBAWD;IACE,mBAAA;IACA,aAAA;IACA,SAAA;;EAdD,mBA2BD;EA3BC,mBA2Be;EA3Bf,mBA2BkC;EA3BlC,mBA2BgD;IAC/C,oBAAA;;EA5BD,mBA+BD;IACE,oBAAA;;EAIF,mBAAC,MACC;EADO,mBAAC,OACR;IACD,WAAA;IACA,oBAAA;;EAvCA,mBA0CD;IACE,oBAAA;IACA,iBAAA;IACA,aAAA;IACA,sBAAA;;EA9CD,mBA0CD,eAKE;IACD,gBAAA;IACA,WAAA;;EAjDA,mBAoDD,aAAY;IACV,kBAAA;;EArDD,mBAwDD,aAAY;IACV,oBAAA;IACA,kBAAA;IACA,iBAAA;IAGA,yBAAA;;EA9DD,mBAiED,aAAY;IACV,oBAAA;IACA,iBAAA;IAEA,aAAA;IACA,2BAAA;;EAtED,mBAyED,kBAAiB;IACf,aAAA;;EAGF,mBAAC,uCACC;EADwC,mBAAC,yBACzC;IACD,uBAAA;;EAGC,mBALD,uCAKE,yBACF;EADC,mBALyC,yBAKxC,yBACF;IACE,sBAAA","file":"bottom.css"}
|
||||
@@ -0,0 +1,112 @@
|
||||
@media (max-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
.cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1023px) {
|
||||
.cmplz-cookiebanner {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1023px ) {
|
||||
.cmplz-cookiebanner {
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
top: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px ) {
|
||||
.cmplz-cookiebanner {
|
||||
&.cmplz-categories-type-save-preferences .cmplz-body{
|
||||
& > div{
|
||||
width: 49%;
|
||||
}
|
||||
}
|
||||
&.cmplz-categories-visible .cmplz-body{
|
||||
& > div{
|
||||
width: 49%;
|
||||
}
|
||||
}
|
||||
.cmplz-body{
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
margin: 10px;
|
||||
width: calc(100% - 20px);
|
||||
grid-column-gap:10px;
|
||||
// With auto the Text element will fill space of Categories and Buttons if they are not there
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
bottom: 0;
|
||||
left: initial;
|
||||
top:initial;
|
||||
transform: initial;
|
||||
|
||||
.cmplz-message, .cmplz-categories, .cmplz-links, .cmplz-buttons {
|
||||
grid-column: inherit;
|
||||
}
|
||||
|
||||
.cmplz-description {
|
||||
grid-column-start: 1;
|
||||
}
|
||||
|
||||
//extra class to be able to override categories height from css generation
|
||||
&.optin, &.optout {
|
||||
.cmplz-categories {
|
||||
width: 85vw;
|
||||
grid-column-start: 2;
|
||||
}
|
||||
}
|
||||
.cmplz-buttons {
|
||||
grid-column-start: 3;
|
||||
grid-row-start: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.cmplz-btn {
|
||||
min-width: 250px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.cmplz-links.cmplz-documents {
|
||||
grid-column-end: 3;
|
||||
}
|
||||
|
||||
.cmplz-links.cmplz-information {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 4;
|
||||
grid-row-start: 5;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.cmplz-links.cmplz-documents {
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 5;
|
||||
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.cmplz-categories.cmplz-tcf {
|
||||
height: 160px;
|
||||
}
|
||||
|
||||
&.cmplz-categories-type-view-preferences, &.cmplz-categories-type-no {
|
||||
.cmplz-buttons {
|
||||
flex-direction: initial;
|
||||
}
|
||||
|
||||
&.cmplz-categories-visible {
|
||||
.cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@media (max-width:768px){.cmplz-cookiebanner{width:100%}.cmplz-cookiebanner .cmplz-buttons{flex-direction:column}}@media (max-width:1023px){.cmplz-cookiebanner{max-width:100%;transform:translateX(-50%);bottom:0;top:initial}}@media (min-width:1024px){.cmplz-cookiebanner{margin:10px;width:calc(100% - 20px);grid-column-gap:10px;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:initial;top:initial;transform:initial}.cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body>div,.cmplz-cookiebanner.cmplz-categories-visible .cmplz-body>div{width:49%}.cmplz-cookiebanner .cmplz-body{grid-column:span 2;display:flex;gap:10px}.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-message{grid-column:inherit}.cmplz-cookiebanner .cmplz-description{grid-column-start:1}.cmplz-cookiebanner.optin .cmplz-categories,.cmplz-cookiebanner.optout .cmplz-categories{width:85vw;grid-column-start:2}.cmplz-cookiebanner .cmplz-buttons{grid-column-start:3;grid-row-start:3;display:flex;flex-direction:column}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{min-width:250px;width:100%}.cmplz-cookiebanner .cmplz-links.cmplz-documents{grid-column-end:3}.cmplz-cookiebanner .cmplz-links.cmplz-information{grid-column-start:3;grid-column-end:4;grid-row-start:5;display:flex;justify-content:flex-end}.cmplz-cookiebanner .cmplz-links.cmplz-documents{grid-column-start:1;grid-row-start:5;display:flex;justify-content:flex-start}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf{height:160px}.cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons,.cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons{flex-direction:initial}.cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons,.cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons{flex-direction:column}}
|
||||
@@ -0,0 +1,23 @@
|
||||
@media (min-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.cmplz-cookiebanner {
|
||||
width: 100%;
|
||||
}
|
||||
.cmplz-cookiebanner .cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.cmplz-message,
|
||||
.cmplz-categories {
|
||||
width: calc(var(--cmplz_banner_width) - 42px);
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=center.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["center.less"],"names":[],"mappings":"AAAA,QAAyB;EACvB;IACD,WAAW,yBAAX;IACA,eAAA;IACA,aAAA;IACA,kBAAA;;;AAID,QAAyB;EACvB;IAID,WAAA;;EAJC,mBACD;IACE,sBAAA;;;AAKH,QAAyB;EACvB;EAAgB;IACjB,OAAO,sCAAP","file":"center.css"}
|
||||
@@ -0,0 +1,22 @@
|
||||
@media (min-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
min-width: var(--cmplz_banner_width);
|
||||
max-width: 100%;
|
||||
display: grid;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
.cmplz-cookiebanner {
|
||||
.cmplz-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width:769px) {
|
||||
.cmplz-message, .cmplz-categories {
|
||||
width: calc(~"var(--cmplz_banner_width) - 42px" );
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@media (min-width:768px){.cmplz-cookiebanner{min-width:var(--cmplz_banner_width);max-width:100%;display:grid;grid-row-gap:10px}}@media (max-width:768px){.cmplz-cookiebanner{width:100%}.cmplz-cookiebanner .cmplz-buttons{flex-direction:column}}@media (min-width:769px){.cmplz-categories,.cmplz-message{width:calc(var(--cmplz_banner_width) - 42px)}}
|
||||
Reference in New Issue
Block a user