103 lines
2.1 KiB
CSS
103 lines
2.1 KiB
CSS
/*
|
|
* DO NOT EDIT THIS FILE.
|
|
* See the following change record for more information,
|
|
* https://www.drupal.org/node/2815083
|
|
* @preserve
|
|
*/
|
|
|
|
/**
|
|
* Page layout styles.
|
|
*/
|
|
|
|
:root {
|
|
/*
|
|
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
|
|
*/
|
|
/* static colors */
|
|
/*
|
|
* Typography.
|
|
*/ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~64px */ /* ~48px */ /* ~32px */ /* ~24px */ /* ~20px */ /* 16px */ /* ~14px */ /* ~13px */ /* ~11px */
|
|
/**
|
|
* Spaces.
|
|
*/ /* 4 * 16px = 64px */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */ /* 0.25 * 16px = 4px */ /* 120 * 16px = 1920px */ /* 101.25 * 16px = 1620px */
|
|
/**
|
|
* Common.
|
|
*/
|
|
/**
|
|
* Inputs.
|
|
*/
|
|
}
|
|
|
|
.honey-page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 120rem;
|
|
min-height: 100vh;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.honey-page__content-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__content-wrapper {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__content {
|
|
flex: 0 0 67%;
|
|
order: 1;
|
|
}
|
|
}
|
|
|
|
.honey-page__content > .layout-content {
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__content > .layout-content {
|
|
width: calc(67vw - 2rem);
|
|
max-width: calc(67vw - 2rem - (100vw - 101.25rem)/2);
|
|
padding: 2rem 0 4rem 4rem;
|
|
}
|
|
}
|
|
|
|
.honey-page__highlighted {
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__highlighted {
|
|
width: calc(67vw - 2rem);
|
|
max-width: calc(67vw - 2rem - (100vw - 101.25rem)/2);
|
|
padding: 0 0 0 4rem;
|
|
}
|
|
}
|
|
|
|
.honey-page__sidebar {
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__sidebar {
|
|
display: flex;
|
|
flex: 0 0 33%;
|
|
justify-content: flex-end;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__sidebar > div {
|
|
width: calc(33vw - 2rem);
|
|
max-width: calc(33vw - 2rem - (100vw - 101.25rem)/2);
|
|
}
|
|
}
|
|
|