first commit

themes/honey/css/base/colors.css

@@ -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;
+}

themes/honey/css/base/colors.pcss.css

@@ -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);
+}

themes/honey/css/base/elements.css

@@ -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;
+}

themes/honey/css/base/elements.pcss.css

@@ -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;
+}

themes/honey/css/base/print.css

@@ -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;
+  }
+}

themes/honey/css/base/print.pcss.css

@@ -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;
+  }
+}

themes/honey/css/base/typography.css

@@ -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;
+}

themes/honey/css/base/typography.pcss.css

@@ -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);
+}

themes/honey/css/base/variables.css

@@ -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.
+   */
+}

themes/honey/css/base/variables.pcss.css

@@ -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;
+}