n.kolosnaj/DrupalTutorial
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-07-15 12:33:27 +02:00
commit ce50ae282b
22084 changed files with 2623791 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
themes/honey/css/base/colors.css Normal file
View File

@@ -0,0 +1,100 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* Contains only color properties.
*/
: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.
*/
}
body {
color: #333333;
background-color: #ffffff;
}
a,
.link {
color: #534400;
}
.honey-page__header,
.region-primary-menu {
background-color: #712c1e;
}
.site-logo svg {
fill: #ffd147;
}
.site-slogan {
color: #ffd147;
}
.honey-page__header-top a {
color: #ffd147;
}
.honey-page__toggle-button svg {
fill: #ffd147;
}
.honey-page__header-bottom {
background-color: #ffd34e;
}
.honey-breadcrumbs__icon {
fill: #534400;
}
.honey-page__sidebar {
color: #ffffff;
background-color: #105b63;
}
.honey-page__sidebar a {
color: #fffad5;
}
.honey-page__sidebar .block > h2 {
color: #105b63;
background-color: #fffad5;
}
.honey-page__sidebar svg,
.honey-tools__icon {
fill: #fffad5;
}
.honey-page__sidebar .block-search-form-block .form-submit {
color: #105b63;
background-color: #fffad5;
}
.honey-page__footer {
background-color: #db9e36;
}
.site-name > a {
color: #ffd147;
}

76
themes/honey/css/base/colors.pcss.css Normal file
View File

@@ -0,0 +1,76 @@
/**
* Contains only color properties.
*/
@import "./variables.pcss.css";
body {
color: var(--color-text);
background-color: var(--color-bg);
}
a,
.link {
color: var(--color-link);
}
.honey-page__header,
.region-primary-menu {
background-color: var(--color-top);
}
.site-logo svg {
fill: var(--color-titleslogan);
}
.site-slogan {
color: var(--color-titleslogan);
}
.honey-page__header-top a {
color: var(--color-titleslogan);
}
.honey-page__toggle-button svg {
fill: var(--color-titleslogan);
}
.honey-page__header-bottom {
background-color: var(--color-bottom);
}
.honey-breadcrumbs__icon {
fill: var(--color-link);
}
.honey-page__sidebar {
color: var(--color-bg);
background-color: var(--color-sidebar);
}
.honey-page__sidebar a {
color: var(--color-sidebarborders);
}
.honey-page__sidebar .block > h2 {
color: var(--color-sidebar);
background-color: var(--color-sidebarborders);
}
.honey-page__sidebar svg,
.honey-tools__icon {
fill: var(--color-sidebarborders);
}
.honey-page__sidebar .block-search-form-block .form-submit {
color: var(--color-sidebar);
background-color: var(--color-sidebarborders);
}
.honey-page__footer {
background-color: var(--color-footer);
}
.site-name > a {
color: var(--color-titleslogan);
}

69
themes/honey/css/base/elements.css Normal file
View File

@@ -0,0 +1,69 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* Generic elements.
*/
: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.
*/
}
html {
font-family: "Open Sans"
,
Roboto
,
Oxygen-Sans
,
Ubuntu
,
Cantarell
,
"Helvetica Neue"
,
sans-serif;
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 1.5;
}
/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
text-decoration: none;
outline: 0;
}

32
themes/honey/css/base/elements.pcss.css Normal file
View File

@@ -0,0 +1,32 @@
/**
* Generic elements.
*/
@import "./variables.pcss.css";
html {
font-family: var(--font-family);
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: var(--line-height);
}
/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
text-decoration: none;
outline: 0;
}

14
themes/honey/css/base/print.css Normal file
View File

@@ -0,0 +1,14 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
@media print {
* {
color: #000 !important; /* Black prints faster: h5bp.com/s */
background-color: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
}

8
themes/honey/css/base/print.pcss.css Normal file
View File

@@ -0,0 +1,8 @@
@media print {
* {
color: #000 !important; /* Black prints faster: h5bp.com/s */
background-color: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
}

272
themes/honey/css/base/typography.css Normal file
View File

@@ -0,0 +1,272 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
: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.
*/
}
hr {
height: 1px;
margin: 1rem 0;
padding: 0;
border: none;
background: var(--color-divider);
}
summary {
font-weight: bold;
}
/**
* Reusable heading classes are included to help modules change the styling of
* headings on a page without affecting accessibility.
*/
h1,
.heading-a {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 4rem;
font-weight: normal;
line-height: 1.3;
}
h2,
.heading-b {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 3rem;
font-weight: normal;
line-height: 1.3;
}
h3,
.heading-c {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 2rem;
font-weight: normal;
line-height: 1.3;
}
h4,
.heading-d {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.5rem;
font-weight: normal;
line-height: 1.3;
}
h5,
.heading-e {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.25rem;
font-weight: normal;
line-height: 1.3;
}
h6,
.heading-f {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.3;
}
p {
margin: 1em 0;
}
dl {
margin: 0 0 20px;
}
dl dd,
dl dl {
margin-bottom: 10px;
margin-left: 20px; /* LTR */
}
[dir="rtl"] dl dd,
[dir="rtl"] dl dl {
margin-right: 20px;
}
blockquote {
margin: 1em 40px;
}
address {
font-style: italic;
}
u,
ins {
text-decoration: none;
}
s,
strike,
del {
text-decoration: line-through;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: normal;
}
abbr,
acronym {
border-bottom: dotted 1px;
}
ul {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
padding-left: 0;
list-style-type: disc;
list-style-image: none;
}
[dir="rtl"] ul {
margin-right: 1.5em;
margin-left: 0;
padding-right: 0;
}
/* This is required to win over specificity of [dir="rtl"] ul */
[dir="rtl"] .messages__list {
margin-right: 0;
}
ol {
margin: 0.25em 0 0.25em 2em; /* LTR */
padding: 0;
list-style-type: decimal;
}
[dir="rtl"] ol {
margin-right: 2em;
margin-left: 0;
}
/**
* Fix duplicate border caused by normalize.css adding border-bottom without
* removing the text-decoration.
*/
abbr[title] {
text-decoration: none;
}
code {
margin: 0.5em 0;
}
pre {
margin: 0.5em 0;
white-space: pre-wrap;
}
details {
line-height: 1.295em;
}
details summary {
padding: 0.95em 1.45em;
}
details summary:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
/**
* Default focus styles for focused elements.
*
* This is applied globally to all interactive elements except Toolbar and
* Settings Tray since they have their own styles.
*/
.honey-page *:focus {
outline: 5px
dashed
transparent;
box-shadow: 0
0
0
1px
#ffffff
,
0
0
0
4px
#712c1e;
}

180
themes/honey/css/base/typography.pcss.css Normal file
View File

@@ -0,0 +1,180 @@
@import "./variables.pcss.css";
hr {
height: 1px;
margin: var(--space-m) 0;
padding: 0;
border: none;
background: var(--color-divider);
}
summary {
font-weight: bold;
}
/**
* Reusable heading classes are included to help modules change the styling of
* headings on a page without affecting accessibility.
*/
h1,
.heading-a {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h1);
font-weight: normal;
line-height: var(--line-height-heading);
}
h2,
.heading-b {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h2);
font-weight: normal;
line-height: var(--line-height-heading);
}
h3,
.heading-c {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h3);
font-weight: normal;
line-height: var(--line-height-heading);
}
h4,
.heading-d {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h4);
font-weight: normal;
line-height: var(--line-height-heading);
}
h5,
.heading-e {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h5);
font-weight: normal;
line-height: var(--line-height-heading);
}
h6,
.heading-f {
margin: var(--space-m) 0 var(--space-s);
font-family: var(--font-family-headings);
font-size: var(--font-size-h6);
font-weight: normal;
line-height: var(--line-height-heading);
}
p {
margin: 1em 0;
}
dl {
margin: 0 0 20px;
}
dl dd,
dl dl {
margin-bottom: 10px;
margin-left: 20px; /* LTR */
}
[dir="rtl"] dl dd,
[dir="rtl"] dl dl {
margin-right: 20px;
}
blockquote {
margin: 1em 40px;
}
address {
font-style: italic;
}
u,
ins {
text-decoration: none;
}
s,
strike,
del {
text-decoration: line-through;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: normal;
}
abbr,
acronym {
border-bottom: dotted 1px;
}
ul {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
padding-left: 0;
list-style-type: disc;
list-style-image: none;
}
[dir="rtl"] ul {
margin-right: 1.5em;
margin-left: 0;
padding-right: 0;
}
/* This is required to win over specificity of [dir="rtl"] ul */
[dir="rtl"] .messages__list {
margin-right: 0;
}
ol {
margin: 0.25em 0 0.25em 2em; /* LTR */
padding: 0;
list-style-type: decimal;
}
[dir="rtl"] ol {
margin-right: 2em;
margin-left: 0;
}
/**
* Fix duplicate border caused by normalize.css adding border-bottom without
* removing the text-decoration.
*/
abbr[title] {
text-decoration: none;
}
code {
margin: 0.5em 0;
}
pre {
margin: 0.5em 0;
white-space: pre-wrap;
}
details {
line-height: 1.295em;
}
details summary {
padding: 0.95em 1.45em;
}
details summary:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
/**
* Default focus styles for focused elements.
*
* This is applied globally to all interactive elements except Toolbar and
* Settings Tray since they have their own styles.
*/
.honey-page *:focus {
outline: var(--focus-outline);
box-shadow: var(--focus-box-shadow);
}

24
themes/honey/css/base/variables.css Normal file
View File

@@ -0,0 +1,24 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
: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.
*/
}

64
themes/honey/css/base/variables.pcss.css Normal file
View File

@@ -0,0 +1,64 @@
:root {
/*
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
*/
--color-top: #712c1e;
--color-bottom: #ffd34e;
--color-bg: #ffffff;
--color-sidebar: #105b63;
--color-sidebarborders: #fffad5;
--color-footer: #db9e36;
--color-titleslogan: #ffd147;
--color-text: #333333;
--color-link: #534400;
/* static colors */
--color-ui: #712c1e;
--color-ui-hover: #db9e36;
--color-ui-bg: #ffffff;
--color-ui-text: #333333;
--color-danger: #ff0000;
--color-status: #712c1e;
--color-warning: #db9e36;
/*
* Typography.
*/
--font-family: "Open Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-headings: "Lobster", cursive, sans-serif;
--line-height: 1.5;
--line-height-heading: 1.3;
--font-size-base: 1rem; /* 1rem = 16px if font root is 100% ands browser defaults are used. */
--font-size-h1: 4rem; /* ~64px */
--font-size-h2: 3rem; /* ~48px */
--font-size-h3: 2rem; /* ~32px */
--font-size-h4: 1.5rem; /* ~24px */
--font-size-h5: 1.25rem; /* ~20px */
--font-size-h6: 1rem; /* 16px */
--font-size-s: 0.889rem; /* ~14px */
--font-size-xs: 0.79rem; /* ~13px */
--font-size-xxs: 0.702rem; /* ~11px */
--font-size-label: var(--font-size-s);
--font-size-description: var(--font-size-xs);
/**
* Spaces.
*/
--space-xxl: 4rem; /* 4 * 16px = 64px */
--space-xl: 3rem; /* 3 * 16px = 48px */
--space-l: 2rem; /* 2 * 16px = 32px */
--space-m: 1rem; /* 1 * 16px = 16px */
--space-s: 0.75rem; /* 0.75 * 16px = 12px */
--space-xs: 0.5rem; /* 0.5 * 16px = 8px */
--space-xxs: 0.25rem; /* 0.25 * 16px = 4px */
--site-max-width: 120rem; /* 120 * 16px = 1920px */
--site-content-max-width: 101.25rem; /* 101.25 * 16px = 1620px */
/**
* Common.
*/
--focus-outline: 5px dashed transparent;
--focus-box-shadow: 0 0 0 1px var(--color-ui-bg), 0 0 0 4px var(--color-ui);
--transition-hover: background-color 0.3s ease-out;
--transition-hover-rotate: transform 0.3s ease-out;
/**
* Inputs.
*/
--input-border-size: 3px;
}

8
themes/honey/css/components/feed.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<rect fill="#ff9900" width="16" height="16" x="0" y="0" rx="3" ry="3"/>
<g fill="#ffffff">
<circle cx="4.25" cy="11.812" r="1.5"/>
<path d="M10,13.312H7.875c0-2.83-2.295-5.125-5.125-5.125l0,0V6.062C6.754,6.062,10,9.308,10,13.312z"/>
<path d="M11.5,13.312c0-4.833-3.917-8.75-8.75-8.75V2.375c6.041,0,10.937,4.896,10.937,10.937H11.5z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 462 B

71
themes/honey/css/components/footer.css Normal file
View File

@@ -0,0 +1,71 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Page footer styles.
*/
:root {
/*
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
*/
/*
* 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__footer > div {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 101.25rem;
margin: 0 auto;
padding: 3rem 2rem;
}
.menu--footer .menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.menu--footer a {
text-decoration: none;
font-size: 1.25rem;
font-weight: bold;
}
.menu--footer .menu-item {
margin-right: 2rem;
}
.menu--footer .menu-item:last-child {
margin-right: 0;
}
.menu--footer .menu a:hover {
text-decoration: underline;
}
.feed-icon {
background: url(feed.svg) no-repeat;
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
text-indent: -9999px;
}

48
themes/honey/css/components/footer.pcss.css Normal file
View File

@@ -0,0 +1,48 @@
/**
* Page footer styles.
*/
@import "../base/variables.pcss.css";
.honey-page__footer > div {
display: flex;
align-items: center;
justify-content: space-between;
max-width: var(--site-content-max-width);
margin: 0 auto;
padding: var(--space-xl) var(--space-l);
}
.menu--footer .menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.menu--footer a {
text-decoration: none;
font-size: var(--font-size-h5);
font-weight: bold;
}
.menu--footer .menu-item {
margin-right: var(--space-l);
}
.menu--footer .menu-item:last-child {
margin-right: 0;
}
.menu--footer .menu a:hover {
text-decoration: underline;
}
.feed-icon {
background: url(feed.svg) no-repeat;
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
text-indent: -9999px;
}

220
themes/honey/css/components/forms.css Normal file
View File

@@ -0,0 +1,220 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Page footer 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.
*/
}
.form-item,
.form-actions {
margin-top: 2rem;
margin-bottom: 2rem;
}
label {
display: table;
margin-bottom: 0.25rem;
font-size: 1.25rem;
}
.form-required:after {
display: inline-block;
margin-right: 0.3em;
margin-left: 0.3em;
content: "*";
vertical-align: top;
}
.form-item--error-message {
position: relative;
margin-top: 0.25rem;
padding-left: 1.25rem;
}
.form-item--error-message:before {
position: absolute;
top: 0.25rem;
left: 0;
width: 1rem;
height: 1rem;
content: '';
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: calc(0.5rem + 3px) calc(2rem + 3px);
text-decoration: none;
color: #ffffff;
border: none;
border-radius: 1rem;
background-color: #712c1e;
font-size: 1.25rem;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
transition: background-color
0.3s
ease-out;
background-color: #db9e36;
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea,
select {
max-width: 100%;
padding: calc(0.5rem - 2px) calc(1rem - 2px);
text-decoration: none;
color: #333333;
border-width: 3px;
border-style: solid;
border-color: #712c1e;
border-radius: 1rem;
background-color: #ffffff;
font-family: inherit;
font-size: 1.25rem;
line-height: 1.5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type="color"]::-ms-clear,
[type="date"]::-ms-clear,
[type="datetime-local"]::-ms-clear,
[type="email"]::-ms-clear,
[type="file"]::-ms-clear,
[type="month"]::-ms-clear,
[type="number"]::-ms-clear,
[type="password"]::-ms-clear,
[type="search"]::-ms-clear,
[type="tel"]::-ms-clear,
[type="text"]::-ms-clear,
[type="time"]::-ms-clear,
[type="url"]::-ms-clear,
[type="week"]::-ms-clear {
display: none;
}
textarea {
min-height: 12rem;
border-bottom-right-radius: 0;
}
/* Ensure that date field isn't larger than other fields. */
[type="date"]::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-required:after {
color: #ff0000;
}
.form-item--error .form-required {
color: #ff0000;
}
.form-item--error-message {
color: #ff0000;
}
.form-item--error-message:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' viewBox='0 0 200 202'%3E%3Cpath fill='%23ff0000' d='M194.582 27.191L149.996 1.45c-3.35-1.933-7.479-1.934-10.829.002l-39.17 22.613L60.829 1.452C57.478-.484 53.35-.483 50 1.45L5.415 27.191C2.064 29.127 0 32.701 0 36.571v51.481c0 3.869 2.064 7.444 5.415 9.378l39.17 22.617v45.228c0 3.867 2.063 7.444 5.415 9.378l44.583 25.744c1.675.968 3.545 1.451 5.415 1.451 1.869 0 3.739-.483 5.415-1.451L150 174.653c3.351-1.934 5.414-5.509 5.414-9.378v-45.228l39.171-22.617c3.352-1.934 5.415-5.508 5.415-9.378V36.571c-.003-3.87-2.066-7.444-5.418-9.38zm-16.244 54.61l-33.756 19.488-33.755-19.488V42.825l33.755-19.489 33.756 19.489v38.976zm-44.584 77.223l-33.755 19.489-33.754-19.489v-38.978l33.752-19.488 33.757 19.488v38.978zM21.66 81.801V42.825l33.755-19.489 33.754 19.489V81.8l-33.754 19.489L21.66 81.801z'%3E%3C/path%3E%3C/svg%3E");
}
[type="color"].error,
[type="date"].error,
[type="datetime-local"].error,
[type="email"].error,
[type="file"].error,
[type="month"].error,
[type="number"].error,
[type="password"].error,
[type="search"].error,
[type="tel"].error,
[type="text"].error,
[type="time"].error,
[type="url"].error,
[type="week"].error,
textarea.error,
select.error {
border-color: #ff0000;
}
[type="checkbox"] {
width: 2rem;
height: 2rem;
border-width: 3px;
border-style: solid;
border-color: #712c1e;
border-radius: 0.5rem;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type="checkbox"] + label {
display: inline-block;
margin-bottom: 0;
margin-left: 0.5rem;
}
[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.734'%3E%3Cpath d='M31.761 19.313a.791.791 0 10-1.51.471 2.517 2.517 0 01-.867 2.986c-1.593 1.169-4.565 1.121-7.4-.119a11.856 11.856 0 01-1.723-.928c-.178-.115-.355-.237-.525-.362-1.848-1.355-2.951-3.037-2.951-4.5a2.354 2.354 0 011.03-1.98 3.608 3.608 0 01.447-.278c2.26-1.179 6.3-.438 9.2 1.686a.79124459.79124459 0 10.936-1.276 13.548 13.548 0 00-5.608-2.39 10.606 10.606 0 00-2.506-.142 4.842 4.842 0 00-1.492-6.194l1.493-5.282a.791.791 0 00-1.522-.43l-1.417 5.011a4.809 4.809 0 00-2.646-.014l-1.413-5a.7914054.7914054 0 00-1.523.431l1.483 5.244a4.849 4.849 0 00-1.547 6.235 10.615 10.615 0 00-2.5.143 13.547 13.547 0 00-5.6 2.389C1.345 16.666 0 18.825 0 20.791a3.96 3.96 0 001.677 3.256 6.819 6.819 0 004.049 1.151 12.069 12.069 0 004.088-.765 10.457 10.457 0 00.617 1.428c1.277 2.425 3.357 3.873 5.564 3.873s4.289-1.449 5.566-3.875a10.475 10.475 0 00.617-1.428 12.067 12.067 0 004.094.767 6.819 6.819 0 004.049-1.151 4.057 4.057 0 001.44-4.734zM17.6 21.626h-3.205A9.1 9.1 0 0016 19.591a9.09 9.09 0 001.6 2.035zm-3.075-14.3A3.219 3.219 0 0116 6.972a3.259 3.259 0 011.5 6.152 3.264 3.264 0 01-3 0 3.26 3.26 0 01.03-5.806zM10 22.654c-2.828 1.237-5.8 1.284-7.39.116a2.354 2.354 0 01-1.03-1.98c0-1.463 1.1-3.146 2.951-4.5a11.634 11.634 0 016.569-2.247 5.721 5.721 0 012.631.558 3.6 3.6 0 01.45.279 2.354 2.354 0 011.03 1.98c0 1.464-1.1 3.146-2.951 4.5-.178.131-.363.258-.548.377l-.022.014a11.906 11.906 0 01-1.69.903zm6 5.498a4.4 4.4 0 01-3.429-1.88h6.842A4.465 4.465 0 0116 28.152zm4.37-3.46h-8.75a9.165 9.165 0 01-.348-.887c.367-.183.726-.383 1.072-.6h7.309c.345.214.7.412 1.067.6a9.17 9.17 0 01-.35.887z' fill='%23712c1e' /%3E%3Cpath d='M29.704 16.636c-.118-.142-.242-.286-.37-.428a1.11865991 1.11865991 0 00-1.66 1.5c.107.119.211.239.309.357a1.1175765 1.1175765 0 101.722-1.425z' fill='%23712c1e'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
}
select {
padding-right: 4rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.734'%3E%3Cpath d='M31.761 19.313a.791.791 0 10-1.51.471 2.517 2.517 0 01-.867 2.986c-1.593 1.169-4.565 1.121-7.4-.119a11.856 11.856 0 01-1.723-.928c-.178-.115-.355-.237-.525-.362-1.848-1.355-2.951-3.037-2.951-4.5a2.354 2.354 0 011.03-1.98 3.608 3.608 0 01.447-.278c2.26-1.179 6.3-.438 9.2 1.686a.79124459.79124459 0 10.936-1.276 13.548 13.548 0 00-5.608-2.39 10.606 10.606 0 00-2.506-.142 4.842 4.842 0 00-1.492-6.194l1.493-5.282a.791.791 0 00-1.522-.43l-1.417 5.011a4.809 4.809 0 00-2.646-.014l-1.413-5a.7914054.7914054 0 00-1.523.431l1.483 5.244a4.849 4.849 0 00-1.547 6.235 10.615 10.615 0 00-2.5.143 13.547 13.547 0 00-5.6 2.389C1.345 16.666 0 18.825 0 20.791a3.96 3.96 0 001.677 3.256 6.819 6.819 0 004.049 1.151 12.069 12.069 0 004.088-.765 10.457 10.457 0 00.617 1.428c1.277 2.425 3.357 3.873 5.564 3.873s4.289-1.449 5.566-3.875a10.475 10.475 0 00.617-1.428 12.067 12.067 0 004.094.767 6.819 6.819 0 004.049-1.151 4.057 4.057 0 001.44-4.734zM17.6 21.626h-3.205A9.1 9.1 0 0016 19.591a9.09 9.09 0 001.6 2.035zm-3.075-14.3A3.219 3.219 0 0116 6.972a3.259 3.259 0 011.5 6.152 3.264 3.264 0 01-3 0 3.26 3.26 0 01.03-5.806zM10 22.654c-2.828 1.237-5.8 1.284-7.39.116a2.354 2.354 0 01-1.03-1.98c0-1.463 1.1-3.146 2.951-4.5a11.634 11.634 0 016.569-2.247 5.721 5.721 0 012.631.558 3.6 3.6 0 01.45.279 2.354 2.354 0 011.03 1.98c0 1.464-1.1 3.146-2.951 4.5-.178.131-.363.258-.548.377l-.022.014a11.906 11.906 0 01-1.69.903zm6 5.498a4.4 4.4 0 01-3.429-1.88h6.842A4.465 4.465 0 0116 28.152zm4.37-3.46h-8.75a9.165 9.165 0 01-.348-.887c.367-.183.726-.383 1.072-.6h7.309c.345.214.7.412 1.067.6a9.17 9.17 0 01-.35.887z' fill='%23712c1e' /%3E%3Cpath d='M29.704 16.636c-.118-.142-.242-.286-.37-.428a1.11865991 1.11865991 0 00-1.66 1.5c.107.119.211.239.309.357a1.1175765 1.1175765 0 101.722-1.425z' fill='%23712c1e'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: calc(100% - 1rem) center;
background-size: 2rem;
}

189
themes/honey/css/components/forms.pcss.css Normal file
View File

@@ -0,0 +1,189 @@
/**
* Page footer styles.
*/
@import "../base/variables.pcss.css";
.form-item,
.form-actions {
margin-top: var(--space-l);
margin-bottom: var(--space-l);
}
label {
display: table;
margin-bottom: var(--space-xxs);
font-size: var(--font-size-h5);
}
.form-required:after {
display: inline-block;
margin-right: 0.3em;
margin-left: 0.3em;
content: "*";
vertical-align: top;
}
.form-item--error-message {
position: relative;
margin-top: var(--space-xxs);
padding-left: calc(var(--space-s) + var(--space-xs));
}
.form-item--error-message:before {
position: absolute;
top: var(--space-xxs);
left: 0;
width: var(--space-m);
height: var(--space-m);
content: '';
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: calc(var(--space-xs) + var(--input-border-size)) calc(var(--space-l) + var(--input-border-size));
text-decoration: none;
color: var(--color-ui-bg);
border: none;
border-radius: var(--space-m);
background-color: var(--color-ui);
font-size: var(--font-size-h5);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
transition: var(--transition-hover);
background-color: var(--color-ui-hover);
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea,
select {
max-width: 100%;
padding: calc(var(--space-xs) - 2px) calc(var(--space-m) - 2px);
text-decoration: none;
color: var(--color-ui-text);
border-width: var(--input-border-size);
border-style: solid;
border-color: var(--color-ui);
border-radius: var(--space-m);
background-color: var(--color-ui-bg);
font-family: inherit;
font-size: var(--font-size-h5);
line-height: var(--line-height);
appearance: none;
}
[type="color"]::-ms-clear,
[type="date"]::-ms-clear,
[type="datetime-local"]::-ms-clear,
[type="email"]::-ms-clear,
[type="file"]::-ms-clear,
[type="month"]::-ms-clear,
[type="number"]::-ms-clear,
[type="password"]::-ms-clear,
[type="search"]::-ms-clear,
[type="tel"]::-ms-clear,
[type="text"]::-ms-clear,
[type="time"]::-ms-clear,
[type="url"]::-ms-clear,
[type="week"]::-ms-clear {
display: none;
}
textarea {
min-height: calc(var(--space-xxl) * 3);
border-bottom-right-radius: 0;
}
/* Ensure that date field isn't larger than other fields. */
[type="date"]::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-required:after {
color: var(--color-danger);
}
.form-item--error .form-required {
color: var(--color-danger);
}
.form-item--error-message {
color: var(--color-danger);
}
.form-item--error-message:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' viewBox='0 0 200 202'%3E%3Cpath fill='%23ff0000' d='M194.582 27.191L149.996 1.45c-3.35-1.933-7.479-1.934-10.829.002l-39.17 22.613L60.829 1.452C57.478-.484 53.35-.483 50 1.45L5.415 27.191C2.064 29.127 0 32.701 0 36.571v51.481c0 3.869 2.064 7.444 5.415 9.378l39.17 22.617v45.228c0 3.867 2.063 7.444 5.415 9.378l44.583 25.744c1.675.968 3.545 1.451 5.415 1.451 1.869 0 3.739-.483 5.415-1.451L150 174.653c3.351-1.934 5.414-5.509 5.414-9.378v-45.228l39.171-22.617c3.352-1.934 5.415-5.508 5.415-9.378V36.571c-.003-3.87-2.066-7.444-5.418-9.38zm-16.244 54.61l-33.756 19.488-33.755-19.488V42.825l33.755-19.489 33.756 19.489v38.976zm-44.584 77.223l-33.755 19.489-33.754-19.489v-38.978l33.752-19.488 33.757 19.488v38.978zM21.66 81.801V42.825l33.755-19.489 33.754 19.489V81.8l-33.754 19.489L21.66 81.801z'%3E%3C/path%3E%3C/svg%3E");
}
[type="color"].error,
[type="date"].error,
[type="datetime-local"].error,
[type="email"].error,
[type="file"].error,
[type="month"].error,
[type="number"].error,
[type="password"].error,
[type="search"].error,
[type="tel"].error,
[type="text"].error,
[type="time"].error,
[type="url"].error,
[type="week"].error,
textarea.error,
select.error {
border-color: var(--color-danger);
}
[type="checkbox"] {
width: 2rem;
height: 2rem;
border-width: var(--input-border-size);
border-style: solid;
border-color: var(--color-ui);
border-radius: 0.5rem;
background-color: var(--color-ui-bg);
appearance: none;
}
[type="checkbox"] + label {
display: inline-block;
margin-bottom: 0;
margin-left: 0.5rem;
}
[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.734'%3E%3Cpath d='M31.761 19.313a.791.791 0 10-1.51.471 2.517 2.517 0 01-.867 2.986c-1.593 1.169-4.565 1.121-7.4-.119a11.856 11.856 0 01-1.723-.928c-.178-.115-.355-.237-.525-.362-1.848-1.355-2.951-3.037-2.951-4.5a2.354 2.354 0 011.03-1.98 3.608 3.608 0 01.447-.278c2.26-1.179 6.3-.438 9.2 1.686a.79124459.79124459 0 10.936-1.276 13.548 13.548 0 00-5.608-2.39 10.606 10.606 0 00-2.506-.142 4.842 4.842 0 00-1.492-6.194l1.493-5.282a.791.791 0 00-1.522-.43l-1.417 5.011a4.809 4.809 0 00-2.646-.014l-1.413-5a.7914054.7914054 0 00-1.523.431l1.483 5.244a4.849 4.849 0 00-1.547 6.235 10.615 10.615 0 00-2.5.143 13.547 13.547 0 00-5.6 2.389C1.345 16.666 0 18.825 0 20.791a3.96 3.96 0 001.677 3.256 6.819 6.819 0 004.049 1.151 12.069 12.069 0 004.088-.765 10.457 10.457 0 00.617 1.428c1.277 2.425 3.357 3.873 5.564 3.873s4.289-1.449 5.566-3.875a10.475 10.475 0 00.617-1.428 12.067 12.067 0 004.094.767 6.819 6.819 0 004.049-1.151 4.057 4.057 0 001.44-4.734zM17.6 21.626h-3.205A9.1 9.1 0 0016 19.591a9.09 9.09 0 001.6 2.035zm-3.075-14.3A3.219 3.219 0 0116 6.972a3.259 3.259 0 011.5 6.152 3.264 3.264 0 01-3 0 3.26 3.26 0 01.03-5.806zM10 22.654c-2.828 1.237-5.8 1.284-7.39.116a2.354 2.354 0 01-1.03-1.98c0-1.463 1.1-3.146 2.951-4.5a11.634 11.634 0 016.569-2.247 5.721 5.721 0 012.631.558 3.6 3.6 0 01.45.279 2.354 2.354 0 011.03 1.98c0 1.464-1.1 3.146-2.951 4.5-.178.131-.363.258-.548.377l-.022.014a11.906 11.906 0 01-1.69.903zm6 5.498a4.4 4.4 0 01-3.429-1.88h6.842A4.465 4.465 0 0116 28.152zm4.37-3.46h-8.75a9.165 9.165 0 01-.348-.887c.367-.183.726-.383 1.072-.6h7.309c.345.214.7.412 1.067.6a9.17 9.17 0 01-.35.887z' fill='%23712c1e' /%3E%3Cpath d='M29.704 16.636c-.118-.142-.242-.286-.37-.428a1.11865991 1.11865991 0 00-1.66 1.5c.107.119.211.239.309.357a1.1175765 1.1175765 0 101.722-1.425z' fill='%23712c1e'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
}
select {
padding-right: 4rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.734'%3E%3Cpath d='M31.761 19.313a.791.791 0 10-1.51.471 2.517 2.517 0 01-.867 2.986c-1.593 1.169-4.565 1.121-7.4-.119a11.856 11.856 0 01-1.723-.928c-.178-.115-.355-.237-.525-.362-1.848-1.355-2.951-3.037-2.951-4.5a2.354 2.354 0 011.03-1.98 3.608 3.608 0 01.447-.278c2.26-1.179 6.3-.438 9.2 1.686a.79124459.79124459 0 10.936-1.276 13.548 13.548 0 00-5.608-2.39 10.606 10.606 0 00-2.506-.142 4.842 4.842 0 00-1.492-6.194l1.493-5.282a.791.791 0 00-1.522-.43l-1.417 5.011a4.809 4.809 0 00-2.646-.014l-1.413-5a.7914054.7914054 0 00-1.523.431l1.483 5.244a4.849 4.849 0 00-1.547 6.235 10.615 10.615 0 00-2.5.143 13.547 13.547 0 00-5.6 2.389C1.345 16.666 0 18.825 0 20.791a3.96 3.96 0 001.677 3.256 6.819 6.819 0 004.049 1.151 12.069 12.069 0 004.088-.765 10.457 10.457 0 00.617 1.428c1.277 2.425 3.357 3.873 5.564 3.873s4.289-1.449 5.566-3.875a10.475 10.475 0 00.617-1.428 12.067 12.067 0 004.094.767 6.819 6.819 0 004.049-1.151 4.057 4.057 0 001.44-4.734zM17.6 21.626h-3.205A9.1 9.1 0 0016 19.591a9.09 9.09 0 001.6 2.035zm-3.075-14.3A3.219 3.219 0 0116 6.972a3.259 3.259 0 011.5 6.152 3.264 3.264 0 01-3 0 3.26 3.26 0 01.03-5.806zM10 22.654c-2.828 1.237-5.8 1.284-7.39.116a2.354 2.354 0 01-1.03-1.98c0-1.463 1.1-3.146 2.951-4.5a11.634 11.634 0 016.569-2.247 5.721 5.721 0 012.631.558 3.6 3.6 0 01.45.279 2.354 2.354 0 011.03 1.98c0 1.464-1.1 3.146-2.951 4.5-.178.131-.363.258-.548.377l-.022.014a11.906 11.906 0 01-1.69.903zm6 5.498a4.4 4.4 0 01-3.429-1.88h6.842A4.465 4.465 0 0116 28.152zm4.37-3.46h-8.75a9.165 9.165 0 01-.348-.887c.367-.183.726-.383 1.072-.6h7.309c.345.214.7.412 1.067.6a9.17 9.17 0 01-.35.887z' fill='%23712c1e' /%3E%3Cpath d='M29.704 16.636c-.118-.142-.242-.286-.37-.428a1.11865991 1.11865991 0 00-1.66 1.5c.107.119.211.239.309.357a1.1175765 1.1175765 0 101.722-1.425z' fill='%23712c1e'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: calc(100% - 1rem) center;
background-size: 2rem;
}

253
themes/honey/css/components/header.css Normal file
View File

@@ -0,0 +1,253 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* Page header 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__header-top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 101.25rem;
margin: 0 auto;
padding: 0;
}
.honey-page__header-top > div {
padding: 1rem 2rem;
}
.honey-page__header-top > div.region-primary-menu {
padding: 0;
}
.honey-page__header-top > div.region-primary-menu > nav {
padding: 1rem 2rem;
}
.block-system-branding-block .block__content {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-name > a {
margin-right: 2rem;
margin-left: 2rem;
text-decoration: none;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 2rem;
font-weight: normal;
line-height: 1;
}
@media screen and (min-width: 64rem) {
.site-name > a {
font-size: 5.75rem;
}
}
.site-slogan {
flex-basis: 100%;
flex-shrink: 0;
-webkit-text-decoration: lowercase;
text-decoration: lowercase;
font-weight: bold;
}
.site-logo > svg {
width: 2.625rem;
height: 2.625rem;
}
@media screen and (min-width: 64rem) {
.site-logo > svg {
width: 6.25rem;
height: 6.25rem;
}
}
.honey-page__toggle-button {
padding: 0;
border-radius: 0;
background: none;
line-height: 0;
}
@media screen and (min-width: 64rem) {
.honey-page__toggle-button {
display: none;
}
}
.honey-page__toggle-button svg {
width: 2rem;
height: 1.75rem;
}
.region-primary-menu {
position: absolute;
z-index: 1;
top: 100%;
left: 0;
overflow: hidden;
width: 100%;
max-height: 0;
}
@media screen and (min-width: 64rem) {
.region-primary-menu {
position: relative;
top: auto;
left: auto;
width: auto;
max-height: none;
}
}
.honey-page__toggle-button[aria-expanded=true] + .region-primary-menu {
min-height: 100vh;
max-height: none;
}
.menu--main .menu {
display: flex;
flex-direction: column;
margin: 1rem 2rem;
padding: 0;
list-style: none;
}
@media screen and (min-width: 64rem) {
.menu--main .menu {
flex-direction: row;
margin: 0;
}
}
.menu--main a {
text-decoration: none;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.5rem;
}
.menu--main .menu-item {
margin-right: 2rem;
}
.menu--main .menu-item:last-child {
margin-right: 0;
}
.menu--main .menu a:hover {
text-decoration: underline;
}
.honey-page__header-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 101.25rem;
margin: 0 auto;
padding: 0.5rem 2rem;
}
.honey-breadcrumbs {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.honey-breadcrumbs a {
text-decoration: none;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.25rem;
}
.honey-breadcrumbs a:hover {
text-decoration: underline;
}
.honey-breadcrumbs__list-item {
display: flex;
align-items: center;
}
.honey-breadcrumbs__icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
transform: rotate(90deg);
}
.honey-breadcrumbs__list-item:last-child .honey-breadcrumbs__icon {
display: none;
}
.menu--account .menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.menu--account a {
text-decoration: none;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.25rem;
}
.menu--account a:hover {
text-decoration: underline;
}
.menu--account .menu-item {
margin-right: 1rem;
}
.menu--account .menu-item:last-child {
margin-right: 0;
}

211
themes/honey/css/components/header.pcss.css Normal file
View File

@@ -0,0 +1,211 @@
/**
* Page header styles.
*/
@import "../base/variables.pcss.css";
.honey-page__header-top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: var(--site-content-max-width);
margin: 0 auto;
padding: 0;
}
.honey-page__header-top > div {
padding: var(--space-m) var(--space-l);
}
.honey-page__header-top > div.region-primary-menu {
padding: 0;
}
.honey-page__header-top > div.region-primary-menu > div {
padding: var(--space-m) var(--space-l);
}
.block-system-branding-block .block__content {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-name > a {
margin-right: var(--space-l);
margin-left: var(--space-l);
text-decoration: none;
font-family: var(--font-family-headings);
font-size: 2rem;
font-weight: normal;
line-height: 1;
}
@media screen and (min-width: 64rem) {
.site-name > a {
font-size: 5.75rem;
}
}
.site-slogan {
flex-basis: 100%;
flex-shrink: 0;
text-decoration: lowercase;
font-weight: bold;
}
.site-logo > svg {
width: 2.625rem;
height: 2.625rem;
}
@media screen and (min-width: 64rem) {
.site-logo > svg {
width: 6.25rem;
height: 6.25rem;
}
}
.honey-page__toggle-button {
padding: 0;
border-radius: 0;
background: none;
line-height: 0;
}
@media screen and (min-width: 64rem) {
.honey-page__toggle-button {
display: none;
}
}
.honey-page__toggle-button svg {
width: 2rem;
height: 1.75rem;
}
.region-primary-menu {
position: absolute;
z-index: 1;
top: 100%;
left: 0;
overflow: hidden;
width: 100%;
max-height: 0;
}
@media screen and (min-width: 64rem) {
.region-primary-menu {
position: relative;
top: auto;
left: auto;
width: auto;
max-height: none;
}
}
.honey-page__toggle-button[aria-expanded=true] + .region-primary-menu {
min-height: 100vh;
max-height: none;
}
.menu--main .menu {
display: flex;
flex-direction: column;
margin: var(--space-m) var(--space-l);
padding: 0;
list-style: none;
}
@media screen and (min-width: 64rem) {
.menu--main .menu {
flex-direction: row;
margin: 0;
}
}
.menu--main a {
text-decoration: none;
font-family: var(--font-family-headings);
font-size: var(--font-size-h4);
}
.menu--main .menu-item {
margin-right: var(--space-l);
}
.menu--main .menu-item:last-child {
margin-right: 0;
}
.menu--main .menu a:hover {
text-decoration: underline;
}
.honey-page__header-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: var(--site-content-max-width);
margin: 0 auto;
padding: var(--space-xs) var(--space-l);
}
.honey-breadcrumbs {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.honey-breadcrumbs a {
text-decoration: none;
font-family: var(--font-family-headings);
font-size: var(--font-size-h5);
}
.honey-breadcrumbs a:hover {
text-decoration: underline;
}
.honey-breadcrumbs__list-item {
display: flex;
align-items: center;
}
.honey-breadcrumbs__icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
transform: rotate(90deg);
}
.honey-breadcrumbs__list-item:last-child .honey-breadcrumbs__icon {
display: none;
}
.menu--account .menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.menu--account a {
text-decoration: none;
font-family: var(--font-family-headings);
font-size: var(--font-size-h5);
}
.menu--account a:hover {
text-decoration: underline;
}
.menu--account .menu-item {
margin-right: var(--space-m);
}
.menu--account .menu-item:last-child {
margin-right: 0;
}

61
themes/honey/css/components/local-tasks.css Normal file
View File

@@ -0,0 +1,61 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Page local-tasks 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.
*/
}
.block-local-tasks-block .block__content ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.block-local-tasks-block .block__content ul li {
margin-right: 2rem;
}
.block-local-tasks-block .block__content ul li:last-child {
margin-right: 0;
}
.block-local-tasks-block a {
display: block;
padding: 0.5rem 2rem;
text-decoration: none;
color: #ffffff;
border-radius: 1rem 1rem 0 0;
background-color: #712c1e;
font-size: 1rem;
}
.block-local-tasks-block a:hover {
transition: background-color
0.3s
ease-out;
background-color: #db9e36;
}

35
themes/honey/css/components/local-tasks.pcss.css Normal file
View File

@@ -0,0 +1,35 @@
/**
* Page local-tasks styles.
*/
@import "../base/variables.pcss.css";
.block-local-tasks-block .block__content ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.block-local-tasks-block .block__content ul li {
margin-right: var(--space-l);
}
.block-local-tasks-block .block__content ul li:last-child {
margin-right: 0;
}
.block-local-tasks-block a {
display: block;
padding: var(--space-xs) var(--space-l);
text-decoration: none;
color: var(--color-ui-bg);
border-radius: var(--space-m) var(--space-m) 0 0;
background-color: var(--color-ui);
font-size: var(--font-size-h6);
}
.block-local-tasks-block a:hover {
transition: var(--transition-hover);
background-color: var(--color-ui-hover);
}

73
themes/honey/css/components/messages.css Normal file
View File

@@ -0,0 +1,73 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Messages.
*
*/
: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.
*/
}
.messages {
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
padding: 2rem 2rem 2rem 6rem;
border-width: 3px;
border-style: solid;
border-radius: 1rem;
font-size: 1.5rem;
}
.messages--error {
color: #ff0000;
fill: #ff0000;
border-color: #ff0000;
}
.messages--status {
color: #712c1e;
fill: #712c1e;
border-color: #712c1e;
}
.messages--warning {
color: #db9e36;
fill: #db9e36;
border-color: #db9e36;
}
.messages__icon {
position: absolute;
top: 2rem;
left: 2rem;
width: 2rem;
height: 2rem;
}
@media screen and (min-width: 48rem) {
.messages__content {
margin-left: var(--messages__text-margin);
}
}

49
themes/honey/css/components/messages.pcss.css Normal file
View File

@@ -0,0 +1,49 @@
/**
* Messages.
*
*/
@import "../base/variables.pcss.css";
.messages {
position: relative;
margin-top: var(--space-m);
margin-bottom: var(--space-m);
padding: 2rem 2rem 2rem 6rem;
border-width: 3px;
border-style: solid;
border-radius: 1rem;
font-size: var(--font-size-h4);
}
.messages--error {
color: var(--color-danger);
fill: var(--color-danger);
border-color: var(--color-danger);
}
.messages--status {
color: var(--color-status);
fill: var(--color-status);
border-color: var(--color-status);
}
.messages--warning {
color: var(--color-warning);
fill: var(--color-warning);
border-color: var(--color-warning);
}
.messages__icon {
position: absolute;
top: 2rem;
left: 2rem;
width: 2rem;
height: 2rem;
}
@media screen and (min-width: 48rem) {
.messages__content {
margin-left: var(--messages__text-margin);
}
}

102
themes/honey/css/components/page.css Normal file
View File

@@ -0,0 +1,102 @@
/*
* 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);
}
}

78
themes/honey/css/components/page.pcss.css Normal file
View File

@@ -0,0 +1,78 @@
/**
* Page layout styles.
*/
@import "../base/variables.pcss.css";
.honey-page {
display: flex;
flex-direction: column;
max-width: var(--site-max-width);
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: var(--space-m) var(--space-l);
}
@media screen and (min-width: 64rem) {
.honey-page__content > .layout-content {
width: calc(67vw - 2rem);
max-width: calc(67vw - var(--space-l) - ((100vw - var(--site-content-max-width)) / 2 ));
padding: var(--space-l) 0 var(--space-xxl) var(--space-xxl);
}
}
.honey-page__highlighted {
padding: 0 var(--space-l);
}
@media screen and (min-width: 64rem) {
.honey-page__highlighted {
width: calc(67vw - 2rem);
max-width: calc(67vw - var(--space-l) - ((100vw - var(--site-content-max-width)) / 2 ));
padding: 0 0 0 var(--space-xxl);
}
}
.honey-page__sidebar {
padding: var(--space-m) var(--space-l);
}
@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 - var(--space-l));
max-width: calc(33vw - var(--space-l) - ((100vw - var(--site-content-max-width)) / 2 ));
}
}

111
themes/honey/css/components/sidebar.css Normal file
View File

@@ -0,0 +1,111 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Page sidebar 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__sidebar .block {
margin-top: 2rem;
margin-bottom: 2rem;
}
.honey-page__sidebar .block > h2 {
margin: 0;
padding: 0.75rem 2rem;
border-radius: 1rem;
font-size: 1.5rem;
line-height: 1;
}
@media screen and (min-width: 64rem) {
.honey-page__sidebar .block > h2 {
border-radius: 1rem 0 0 1rem;
}
}
.honey-page__sidebar .block__content {
display: block;
padding: 2rem 2rem 0;
}
.honey-page__sidebar .block-search-form-block form {
display: flex;
flex-wrap: wrap;
}
.honey-page__sidebar .block-search-form-block .form-item-keys {
flex: 1 0 auto;
margin-right: 1rem;
}
.honey-page__sidebar .block-search-form-block .form-search {
padding: 0.5rem 1rem;
border: none;
}
.honey-page__sidebar .block-search-form-block .form-actions {
flex: 0 0 auto;
}
.honey-tools {
margin: 0;
padding: 0;
list-style: none;
}
.honey-tools__icon {
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
transition: transform
0.3s
ease-out;
}
.honey-tools__menu-item {
display: flex;
align-items: center;
}
.honey-tools__menu-item a {
text-decoration: none;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 2rem;
}
.honey-tools__menu-item a:hover {
text-decoration: underline;
}
.honey-tools__menu-item:hover .honey-tools__icon {
transform: rotate(90deg);
}

81
themes/honey/css/components/sidebar.pcss.css Normal file
View File

@@ -0,0 +1,81 @@
/**
* Page sidebar styles.
*/
@import "../base/variables.pcss.css";
.honey-page__sidebar .block {
margin-top: var(--space-l);
margin-bottom: var(--space-l);
}
.honey-page__sidebar .block > h2 {
margin: 0;
padding: var(--space-s) var(--space-l);
border-radius: 1rem;
font-size: var(--font-size-h4);
line-height: 1;
}
@media screen and (min-width: 64rem) {
.honey-page__sidebar .block > h2 {
border-radius: 1rem 0 0 1rem;
}
}
.honey-page__sidebar .block__content {
display: block;
padding: var(--space-l) var(--space-l) 0;
}
.honey-page__sidebar .block-search-form-block form {
display: flex;
flex-wrap: wrap;
}
.honey-page__sidebar .block-search-form-block .form-item-keys {
flex: 1 0 auto;
margin-right: var(--space-m);
}
.honey-page__sidebar .block-search-form-block .form-search {
padding: var(--space-xs) var(--space-m);
border: none;
}
.honey-page__sidebar .block-search-form-block .form-actions {
flex: 0 0 auto;
}
.honey-tools {
margin: 0;
padding: 0;
list-style: none;
}
.honey-tools__icon {
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
transition: var(--transition-hover-rotate);
}
.honey-tools__menu-item {
display: flex;
align-items: center;
}
.honey-tools__menu-item a {
text-decoration: none;
font-family: var(--font-family-headings);
font-size: var(--font-size-h3);
}
.honey-tools__menu-item a:hover {
text-decoration: underline;
}
.honey-tools__menu-item:hover .honey-tools__icon {
transform: rotate(90deg);
}

75
themes/honey/css/components/teaser.css Normal file
View File

@@ -0,0 +1,75 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
*/
/**
* Article teaser 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.
*/
}
.node--view-mode-teaser > h2 > a {
text-decoration: none;
}
.node--view-mode-teaser > h2 > a:hover {
text-decoration: underline;
}
.node--view-mode-teaser .node__meta {
margin-bottom: 0.5rem;
font-size: 1rem;
font-weight: bold;
}
.node--view-mode-teaser .links {
display: flex;
margin: 1rem 0;
padding: 0;
list-style: none;
}
.node--view-mode-teaser .links li {
margin-right: 1rem;
text-transform: lowercase;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1rem;
font-weight: bold;
}
ul.links.inline li {
list-style: none;
display: inline;
padding: 0 1rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1rem;
font-weight: bold;
}

43
themes/honey/css/components/teaser.pcss.css Normal file
View File

@@ -0,0 +1,43 @@
/**
* Article teaser styles.
*/
@import "../base/variables.pcss.css";
.node--view-mode-teaser > h2 > a {
text-decoration: none;
}
.node--view-mode-teaser > h2 > a:hover {
text-decoration: underline;
}
.node--view-mode-teaser .node__meta {
margin-bottom: 0.5rem;
font-size: var(--font-size-h6);
font-weight: bold;
}
.node--view-mode-teaser .links {
display: flex;
margin: 1rem 0;
padding: 0;
list-style: none;
}
.node--view-mode-teaser .links li {
margin-right: 1rem;
text-transform: lowercase;
font-family: var(--font-family-headings);
font-size: var(--font-size-h6);
font-weight: bold;
}
ul.links.inline li {
list-style: none;
display: inline;
padding: 0 1rem;
font-family: var(--font-family-headings);
font-size: var(--font-size-h6);
font-weight: bold;
}