first commit

themes/honey/LICENSE.txt

@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.

themes/honey/color/color.inc

@@ -0,0 +1,88 @@
+<?php
+
+/**
+ * @file
+ * Lists available colors and color schemes for the Honey theme.
+ */
+
+$info = [
+  // Available colors and color labels used in theme.
+  'fields' => [
+    'top' => t('Header background top'),
+    'bottom' => t('Header background bottom'),
+    'bg' => t('Main background'),
+    'sidebar' => t('Sidebar background'),
+    'sidebarborders' => t('Sidebar borders'),
+    'footer' => t('Footer background'),
+    'titleslogan' => t('Title and slogan'),
+    'text' => t('Text color'),
+    'link' => t('Link color'),
+  ],
+  // Pre-defined color schemes.
+  'schemes' => [
+    'default' => [
+      'title' => t('Sweet Honey'),
+      'colors' => [
+        'top' => '#712c1e',
+        'bottom' => '#ffd34e',
+        'bg' => '#ffffff',
+        'sidebar' => '#105b63',
+        'sidebarborders' => '#fffad5',
+        'footer' => '#db9e36',
+        'titleslogan' => '#ffd147',
+        'text' => '#333333',
+        'link' => '#534400',
+      ],
+    ],
+    'farmers' => [
+      'title' => t('Farmers market(default)'),
+      'colors' => [
+        'top' => '#7db84a',
+        'bottom' => '#c2e78b',
+        'bg' => '#ffffff',
+        'sidebar' => '#f8bc65',
+        'sidebarborders' => '#e96b3c',
+        'footer' => '#2a3524',
+        'titleslogan' => '#fffeff',
+        'text' => '#000000',
+        'link' => '#0071b3',
+      ],
+    ],
+  ],
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => [
+    'css/base/colors.css',
+  ],
+
+  // Files to copy.
+  'copy' => [
+    'logo.svg',
+  ],
+
+  // Gradient definitions.
+  'gradients' => [
+    [
+      // (x, y, width, height).
+      'dimension' => [0, 0, 0, 0],
+      // Direction of gradient ('vertical' or 'horizontal').
+      'direction' => 'vertical',
+      // Keys of colors to use for the gradient.
+      'colors' => ['top', 'bottom'],
+    ],
+  ],
+
+  // Preview files.
+  'preview_library' => 'honey/color.preview',
+  'preview_html' => 'color/preview.html',
+
+  // Attachments.
+  '#attached' => [
+    'drupalSettings' => [
+      'color' => [
+        // Put the logo path into JavaScript for the live preview.
+        'logo' => theme_get_setting('logo.url', 'honey'),
+      ],
+    ],
+  ],
+];

themes/honey/color/preview.css

@@ -0,0 +1,208 @@
+/* ---------- Preview Styles ----------- */
+.js .color-preview {
+  float: none !important;
+  clear: both;
+}
+.color-preview {
+  overflow: hidden;
+  margin-bottom: 10px;
+  word-wrap: break-word;
+  background-color: #fff;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 14px;
+  line-height: 1.5;
+}
+.color-preview-header {
+  position: relative;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.color-preview-logo {
+  float: left;
+  padding: 15px;
+}
+.color-preview-site-name {
+  margin-bottom: 30px;
+  margin-left: 15px; /* LTR */
+  padding-top: 34px;
+  color: #686868;
+  font-size: 1.821em;
+  font-weight: normal;
+  line-height: 1;
+}
+[dir="rtl"] .color-preview-site-name {
+  margin-right: 15px;
+  margin-left: 0;
+}
+.color-preview-main-menu {
+  clear: both;
+  padding: 0 15px 3px;
+}
+.color-preview-main-menu-links a {
+  padding: 0.6em 1em 0.4em;
+  color: #d9d9d9;
+}
+.color-preview-main-menu-links {
+  margin: 0;
+  padding: 0;
+  font-size: 0.929em;
+}
+.color-preview-main-menu-links a {
+  color: #333;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  text-shadow: 0 1px #eee;
+}
+.color-preview-main-menu-links a:hover,
+.color-preview-main-menu-links a:focus {
+  cursor: pointer;
+  text-decoration: none;
+  background: #eee;
+  background: rgba(255, 255, 255, 0.95);
+}
+.color-preview-main-menu-links li a.is-active {
+  border-bottom: none;
+  background: #fff;
+}
+.color-preview-main-menu-links li {
+  display: inline;
+  padding: 0.6em 0 0.4em;
+  list-style-type: none;
+}
+.color-preview-sidebar,
+.color-preview-content {
+  position: relative;
+  display: inline;
+  float: left; /* LTR */
+}
+[dir="rtl"] .color-preview-sidebar,
+[dir="rtl"] .color-preview-content {
+  float: right;
+}
+.color-preview-sidebar {
+  width: 210px;
+  margin-left: 15px; /* LTR */
+}
+[dir="rtl"] .color-preview-sidebar {
+  margin-right: 15px;
+  margin-left: 0;
+}
+.color-preview-content {
+  width: 26.5em;
+  margin-left: 30px; /* LTR */
+}
+[dir="rtl"] .color-preview-content {
+  margin-right: 30px;
+  margin-left: 0;
+}
+.color-preview-sidebar .preview-block {
+  margin: 20px 0;
+  padding: 15px 20px;
+  border: 1px solid;
+}
+.color-preview-sidebar h2 {
+  margin-top: 0;
+  margin-right: 0;
+  margin-left: 0;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #d6d6d6;
+  text-shadow: 0 1px 0 #fff;
+  font-weight: normal;
+}
+.color-preview .preview-block .preview-content {
+  margin-top: 1em;
+}
+.color-preview .preview-block-menu .preview-content,
+.color-preview .preview-block-menu .preview-content ul {
+  margin-top: 0;
+}
+.color-preview-main {
+  margin-top: 20px;
+  margin-bottom: 40px;
+}
+.color-preview-page-title {
+  margin: 1em 0 0.5em;
+  font-size: 2em;
+  font-weight: normal;
+  line-height: 1;
+}
+.color-preview-footer-wrapper {
+  display: block !important;
+  padding: 20px 20px 25px;
+  color: #c0c0c0;
+  color: rgba(255, 255, 255, 0.65);
+  font-size: 0.857em;
+}
+.color-preview-footer-wrapper a {
+  color: #fcfcfc;
+  color: rgba(255, 255, 255, 0.8);
+}
+.color-preview-footer-wrapper a:hover,
+.color-preview-footer-wrapper a:focus {
+  text-decoration: underline;
+  color: #fefefe;
+  color: rgba(255, 255, 255, 0.95);
+}
+.color-preview-footer-wrapper .preview-footer-column {
+  position: relative;
+  display: inline;
+  float: left; /* LTR */
+  width: 220px;
+  padding: 0 10px;
+}
+[dir="rtl"] .color-preview-footer-wrapper .preview-footer-column {
+  float: right;
+}
+.color-preview-footer-wrapper .preview-block {
+  margin: 20px 0;
+  padding: 10px;
+  border: 1px solid #444;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.color-preview-footer-columns .preview-block-menu {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.color-preview-footer-columns h2 {
+  padding-bottom: 3px;
+  text-transform: uppercase;
+  border-color: rgba(255, 255, 255, 0.15);
+  border-bottom: 1px solid #555;
+}
+.color-preview-footer-columns .preview-content {
+  margin-top: 0;
+}
+.color-preview-footer-columns .preview-content ul {
+  margin-left: 0; /* LTR */
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .color-preview-footer-columns .preview-content ul {
+  margin-right: 0;
+  padding-right: 0;
+}
+.color-preview-footer-columns .preview-content li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  list-style-image: none;
+}
+.color-preview-footer-columns .preview-content li a {
+  display: block;
+  padding: 0.8em 2px 0.8em 20px; /* LTR */
+  text-indent: -15px;
+  border-color: rgba(255, 255, 255, 0.15);
+  border-bottom: 1px solid #555;
+  line-height: 1.2;
+}
+[dir="rtl"] .color-preview-footer-columns .preview-content li a {
+  padding-right: 20px;
+  padding-left: 2px;
+}
+.color-preview-footer-columns .preview-content li a:hover,
+.color-preview-footer-columns .preview-content li a:focus {
+  text-decoration: none;
+  background-color: #1f1f21;
+  background-color: rgba(255, 255, 255, 0.05);
+}

themes/honey/color/preview.es6.js

@@ -0,0 +1,83 @@
+/**
+ * @file
+ * Preview for the Honey theme.
+ */
+(function($, Drupal, drupalSettings) {
+  Drupal.color = {
+    logoChanged: false,
+    callback(context, settings, $form) {
+      // Change the logo to be the real one.
+      if (!this.logoChanged) {
+        $('.color-preview .color-preview-logo img').attr(
+          'src',
+          drupalSettings.color.logo,
+        );
+        this.logoChanged = true;
+      }
+      // Remove the logo if the setting is toggled off.
+      if (drupalSettings.color.logo === null) {
+        $('div').remove('.color-preview-logo');
+      }
+
+      const $colorPreview = $form.find('.color-preview');
+      const $colorPalette = $form.find('.js-color-palette');
+
+      // Solid background.
+      $colorPreview.css(
+        'backgroundColor',
+        $colorPalette.find('input[name="palette[bg]"]').val(),
+      );
+
+      // Text preview.
+      $colorPreview
+        .find('.color-preview-main h2, .color-preview .preview-content')
+        .css('color', $colorPalette.find('input[name="palette[text]"]').val());
+      $colorPreview
+        .find('.color-preview-content a')
+        .css('color', $colorPalette.find('input[name="palette[link]"]').val());
+
+      // Sidebar block.
+      const $colorPreviewBlock = $colorPreview.find(
+        '.color-preview-sidebar .color-preview-block',
+      );
+      $colorPreviewBlock.css(
+        'background-color',
+        $colorPalette.find('input[name="palette[sidebar]"]').val(),
+      );
+      $colorPreviewBlock.css(
+        'border-color',
+        $colorPalette.find('input[name="palette[sidebarborders]"]').val(),
+      );
+
+      // Footer wrapper background.
+      $colorPreview
+        .find('.color-preview-footer-wrapper')
+        .css(
+          'background-color',
+          $colorPalette.find('input[name="palette[footer]"]').val(),
+        );
+
+      // CSS3 Gradients.
+      const gradientStart = $colorPalette
+        .find('input[name="palette[top]"]')
+        .val();
+      const gradientEnd = $colorPalette
+        .find('input[name="palette[bottom]"]')
+        .val();
+
+      $colorPreview
+        .find('.color-preview-header')
+        .attr(
+          'style',
+          `background-color: ${gradientStart}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradientStart}), to(${gradientEnd})); background-image: -moz-linear-gradient(-90deg, ${gradientStart}, ${gradientEnd});`,
+        );
+
+      $colorPreview
+        .find('.color-preview-site-name')
+        .css(
+          'color',
+          $colorPalette.find('input[name="palette[titleslogan]"]').val(),
+        );
+    },
+  };
+})(jQuery, Drupal, drupalSettings);

themes/honey/color/preview.html

@@ -0,0 +1,66 @@
+<div class="color-preview">
+  <div class="color-preview-header">
+    <div class="color-preview-logo">
+      <img src="../../../core/themes/honey/logo.svg" alt="Site Logo" />
+    </div>
+    <div class="color-preview-site-name">Honey</div>
+    <div class="color-preview-main-menu">
+      <ul class="color-preview-main-menu-links">
+        <li><a>Home</a></li>
+        <li><a>Te Quidne</a></li>
+        <li><a>Vel Torqueo Quae Erat</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="color-preview-main clearfix">
+    <div class="color-preview-sidebar">
+      <div class="color-preview-block preview-block">
+        <h2>Etiam est risus</h2>
+        <div class="preview-content">
+          Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+          Laboris nisi ut aliquip ex ea.
+        </div>
+      </div>
+    </div>
+    <div class="color-preview-content">
+      <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
+      <div class="color-preview-node">
+        <div class="preview-content">
+          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
+          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="color-preview-footer-wrapper">
+    <div class="color-preview-footer-columns clearfix">
+      <div class="preview-footer-column">
+        <div class="preview-block">
+          <h2>Etiam est risus</h2>
+          <div class="content">
+            Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+            Laboris nisi ut aliquip ex ea.
+          </div>
+        </div>
+      </div>
+      <div class="preview-footer-column">
+        <div class="preview-block preview-block-menu">
+          <h2>Erisus dolor</h2>
+          <div class="preview-content">
+            <ul>
+              <li><a>Donec placerat</a></li>
+              <li><a>Nullam nibh dolor</a></li>
+              <li><a>Blandit sed</a></li>
+              <li><a>Fermentum id</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>

themes/honey/color/preview.js

@@ -0,0 +1,36 @@
+/**
+* DO NOT EDIT THIS FILE.
+* See the following change record for more information,
+* https://www.drupal.org/node/2815083
+* @preserve
+**/
+
+(function ($, Drupal, drupalSettings) {
+  Drupal.color = {
+    logoChanged: false,
+    callback: function callback(context, settings, $form) {
+      if (!this.logoChanged) {
+        $('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
+        this.logoChanged = true;
+      }
+
+      if (drupalSettings.color.logo === null) {
+        $('div').remove('.color-preview-logo');
+      }
+
+      var $colorPreview = $form.find('.color-preview');
+      var $colorPalette = $form.find('.js-color-palette');
+      $colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
+      $colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
+      $colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
+      var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
+      $colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
+      $colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
+      $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
+      var gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
+      var gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
+      $colorPreview.find('.color-preview-header').attr('style', "background-color: ".concat(gradientStart, "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(").concat(gradientStart, "), to(").concat(gradientEnd, ")); background-image: -moz-linear-gradient(-90deg, ").concat(gradientStart, ", ").concat(gradientEnd, ");"));
+      $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
+    }
+  };
+})(jQuery, Drupal, drupalSettings);

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

themes/honey/css/components/feed.svg

@@ -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>

themes/honey/css/components/footer.css

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

themes/honey/css/components/footer.pcss.css

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

themes/honey/css/components/forms.css

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

themes/honey/css/components/forms.pcss.css

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

themes/honey/css/components/header.css

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

themes/honey/css/components/header.pcss.css

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

themes/honey/css/components/local-tasks.css

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

themes/honey/css/components/local-tasks.pcss.css

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

themes/honey/css/components/messages.css

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

themes/honey/css/components/messages.pcss.css

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

themes/honey/css/components/page.css

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

themes/honey/css/components/page.pcss.css

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

themes/honey/css/components/sidebar.css

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

themes/honey/css/components/sidebar.pcss.css

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

themes/honey/css/components/teaser.css

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

themes/honey/css/components/teaser.pcss.css

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

themes/honey/honey.breakpoints.yml

@@ -0,0 +1,12 @@
+honey.mobile:
+  label: mobile
+  mediaQuery: ''
+  weight: 0
+  multipliers:
+    - 1x
+honey.wide:
+  label: wide
+  mediaQuery: 'all and (min-width: 1024px)'
+  weight: 2
+  multipliers:
+    - 1x

themes/honey/honey.info.yml

@@ -0,0 +1,24 @@
+name: Honey
+type: theme
+description: Created for the Drupal User Guide to demonstrate installing themes
+base theme: stable9
+core_version_requirement: ^9 || ^10
+libraries:
+  - core/normalize
+  - honey/global-styling
+regions:
+  header: Header
+  primary_menu: 'Primary menu'
+  breadcrumb: Breadcrumb
+  secondary_menu: 'Secondary menu'
+  highlighted: Highlighted
+  help: 'Help'
+  content: Content
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  footer: 'Footer'
+
+# Information added by Drupal.org packaging script on 2023-01-17
+version: '1.0.1+1-dev'
+project: 'honey'
+datestamp: 1673958809

themes/honey/honey.libraries.yml

@@ -0,0 +1,41 @@
+global-styling:
+  css:
+    base:
+      css/base/elements.css: {}
+      css/base/typography.css: {}
+      css/base/colors.css: {}
+      css/base/print.css: {}
+    component:
+      css/components/header.css: {}
+      css/components/forms.css: {}
+      css/components/footer.css: {}
+      css/components/local-tasks.css: {}
+      css/components/messages.css: {}
+      css/components/page.css: {}
+      css/components/sidebar.css: {}
+      css/components/teaser.css: {}
+  dependencies:
+    - honey/lobster
+    - honey/oepn-sans
+
+color.preview:
+  version: VERSION
+  css:
+    theme:
+      color/preview.css: {}
+  js:
+    color/preview.js: {}
+  dependencies:
+    - color/drupal.color
+
+lobster:
+  version: VERSION
+  css:
+    component:
+      //fonts.googleapis.com/css2?family=Lobster&display=swap: {}
+
+open-sans:
+  version: VERSION
+  css:
+    component:
+      //fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap: {}

themes/honey/honey.theme

@@ -0,0 +1,22 @@
+<?php
+
+/**
+ * @file
+ * Functions to support theming in the Honey theme.
+ */
+
+/**
+ * Implements hook_preprocess_HOOK() for block.html.twig.
+ */
+function honey_preprocess_block(&$variables) {
+  // Add a clearfix class to system branding blocks.
+  if ($variables['plugin_id'] == 'system_branding_block') {
+    if (isset($variables['site_logo'])) {
+      $logo_path = DRUPAL_ROOT . $variables['site_logo'];
+      // If logo is a SVG lets load it content so we can inline it.
+      if (strlen($logo_path) - strpos($logo_path, '.svg') === 4) {
+        $variables['site_logo_svg'] = file_get_contents($logo_path);
+      }
+    }
+  }
+}

themes/honey/images/bee.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.734">
+  <path 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"/>
+  <path 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"/>
+</svg>

themes/honey/images/drupal.svg

@@ -0,0 +1,11 @@
+<svg id="Livello_1" data-name="Livello 1" xmlns="http://www.w3.org/2000/svg" width="391.688" height="96.728" viewBox="0 0 391.688 96.728">
+  <path id="Path_3" data-name="Path 3" d="M467,79.643H454.908l.02,22.631c0,6.613-2.835,11.963-9.449,11.963S436,108.887,436,102.273V79.664H423.937l0,22.609c0,13.069,8.4,23.66,21.471,23.66S467,115.342,467,102.273Z" transform="translate(-228.32 -42.894)" fill="#fffad5"/>
+  <rect id="Rectangle_2" data-name="Rectangle 2" width="12.036" height="58.914" transform="translate(347.745 22.959)" fill="#fffad5"/>
+  <path id="Path_4" data-name="Path 4" d="M798.974,52V49.88h9.379V52h-3.431v9.329h-2.516V52Z" transform="translate(-430.307 -26.864)" fill="#fffad5"/>
+  <path id="Path_5" data-name="Path 5" d="M825.692,49.88l2.677,7.87h.031l2.531-7.87h3.546V61.325h-2.356V53.214h-.033l-2.8,8.111h-1.941l-2.8-8.031h-.033v8.031h-2.355V49.88Z" transform="translate(-442.79 -26.864)" fill="#fffad5"/>
+  <path id="Path_6" data-name="Path 6" d="M367.275,78.156c-10.375-2.395-16.919,7.913-17.192,8.465-.133.271-.138.429-.6.418-.38-.008-.423-.418-.423-.418l-1.288-7.884H336.993v45H349.08V99.377c0-1.99,5.358-11.532,15.743-9.077,5.251,1.243,7.48,3.472,7.48,3.472V80.064a19.311,19.311,0,0,0-5.028-1.908" transform="translate(-181.496 -41.899)" fill="#fffad5"/>
+  <path id="Path_7" data-name="Path 7" d="M550.386,89.552a12.06,12.06,0,1,1-12.057,12.058,12.06,12.06,0,0,1,12.057-12.058m-11.712,49v-16.19l0,0,0-6.064s.018-.485.456-.49c.39,0,.477.253.572.49a14.333,14.333,0,0,0,17.139,8.243,23.824,23.824,0,1,0-30.291-22.932v36.939Z" transform="translate(-283.588 -41.894)" fill="#fffad5"/>
+  <path id="Path_8" data-name="Path 8" d="M675.655,101.61A12.06,12.06,0,1,1,663.6,89.553a12.06,12.06,0,0,1,12.058,12.057m-.344,22.142h12.118V101.61a23.823,23.823,0,1,0-30.292,22.93,14.333,14.333,0,0,0,17.139-8.241c.1-.237.181-.5.572-.492.437.007.456.492.456.492" transform="translate(-344.569 -41.895)" fill="#fffad5"/>
+  <path id="Path_9" data-name="Path 9" d="M242.18,59.9h-4.858V98.323l4.99.128c10.235,0,16.827-.931,16.827-19.335,0-17.647-5.819-19.215-16.958-19.215M238.9,108.53H225.151V49.705H239.9c17.861,0,31.408,3.278,31.408,29.412,0,25.884-14.35,29.413-32.411,29.413" transform="translate(-121.261 -26.77)" fill="#fffad5"/>
+  <path id="Path_10" data-name="Path 10" d="M52.251,20.6C45.444,13.8,38.95,7.315,37.017,0c-1.933,7.315-8.428,13.8-15.234,20.6C11.574,30.806,0,42.369,0,59.71a37.018,37.018,0,1,0,74.036,0c0-17.341-11.573-28.9-21.785-39.106M15.734,68.336c-2.27-.077-10.647-14.516,4.894-29.889L30.911,49.68a.879.879,0,0,1-.069,1.312C28.389,53.509,17.929,64,16.629,67.624c-.268.749-.66.72-.9.712m21.284,19.03A12.731,12.731,0,0,1,24.287,74.634a13.266,13.266,0,0,1,3.173-8.409c2.3-2.807,9.556-10.7,9.556-10.7s7.15,8.011,9.539,10.676a12.451,12.451,0,0,1,3.194,8.436A12.731,12.731,0,0,1,37.018,87.366M61.386,66.72c-.274.6-.9,1.6-1.737,1.633-1.5.055-1.658-.713-2.764-2.351-2.43-3.6-23.637-25.76-27.6-30.047-3.489-3.77-.491-6.428.9-7.821,1.745-1.748,6.837-6.837,6.837-6.837S52.2,35.7,58.526,45.547s4.145,18.362,2.86,21.172" fill="#fffad5"/>
+</svg>

themes/honey/images/expand.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="28" viewBox="0 0 32 28">
+  <rect width="32" height="4" rx="2"/>
+  <rect width="32" height="4" rx="2" transform="translate(0 12)"/>
+  <rect width="32" height="4" rx="2" transform="translate(0 24)"/>
+</svg>

themes/honey/logo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" width="80" height="81" viewBox="0 0 200 202">
+  <path 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" fill-rule="evenodd"/>
+</svg>

themes/honey/templates/block/block--system-branding-block.html.twig

@@ -0,0 +1,34 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file
+ * Theme override for a branding block.
+ *
+ * Each branding element variable (logo, name, slogan) is only available if
+ * enabled in the block configuration.
+ *
+ * Available variables:
+ * - site_logo: Logo for site as defined in Appearance or theme settings.
+ * - site_name: Name for site as defined in Site information settings.
+ * - site_slogan: Slogan for site as defined in Site information settings.
+ */
+#}
+{% block content %}
+  {% if site_logo %}
+    <a href="{{ path('<front>') }}" rel="home" class="site-logo">
+      {% if site_logo_svg %}
+        {{ site_logo_svg|raw }}
+      {% else %}
+        <img src="{{ site_logo }}" alt="{{ 'Home'|t }}"/>
+      {% endif %}
+    </a>
+  {% endif %}
+  {% if site_name %}
+    <div class="site-name">
+      <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+    </div>
+  {% endif %}
+  {% if site_slogan %}
+    <div class="site-slogan">{{ site_slogan }}</div>
+  {% endif %}
+{% endblock %}

themes/honey/templates/block/block--system-menu-block.html.twig

@@ -0,0 +1,58 @@
+{#
+/**
+ * @file
+ * Theme override for a menu block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-menu',
+    'navigation',
+    'menu--' ~ derivative_plugin_id|clean_class,
+  ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+<nav role="navigation" aria-labelledby="{{ heading_id }}"{{ attributes.addClass(classes)|without('role', 'aria-labelledby') }}>
+  {# Label. If not displayed, we still provide it for screen readers. #}
+  {% if not configuration.label_display %}
+    {% set title_attributes = title_attributes.addClass('visually-hidden') %}
+  {% endif %}
+  {{ title_prefix }}
+  <h2{{ title_attributes.setAttribute('id', heading_id) }}>{{ configuration.label }}</h2>
+  {{ title_suffix }}
+
+  {# Menu. #}
+  <div class="block__content">
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+</nav>

themes/honey/templates/block/block--system-powered-by-block.html.twig

@@ -0,0 +1,43 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{% block content %}
+  <a href="https://www.drupal.org/">
+    <svg xmlns="http://www.w3.org/2000/svg" width="100px" viewBox="0 0 391.688 96.728">
+      <path id="Path_3" data-name="Path 3" d="M467,79.643H454.908l.02,22.631c0,6.613-2.835,11.963-9.449,11.963S436,108.887,436,102.273V79.664H423.937l0,22.609c0,13.069,8.4,23.66,21.471,23.66S467,115.342,467,102.273Z" transform="translate(-228.32 -42.894)" />
+      <rect id="Rectangle_2" data-name="Rectangle 2" width="12.036" height="58.914" transform="translate(347.745 22.959)" />
+      <path id="Path_4" data-name="Path 4" d="M798.974,52V49.88h9.379V52h-3.431v9.329h-2.516V52Z" transform="translate(-430.307 -26.864)" />
+      <path id="Path_5" data-name="Path 5" d="M825.692,49.88l2.677,7.87h.031l2.531-7.87h3.546V61.325h-2.356V53.214h-.033l-2.8,8.111h-1.941l-2.8-8.031h-.033v8.031h-2.355V49.88Z" transform="translate(-442.79 -26.864)" />
+      <path id="Path_6" data-name="Path 6" d="M367.275,78.156c-10.375-2.395-16.919,7.913-17.192,8.465-.133.271-.138.429-.6.418-.38-.008-.423-.418-.423-.418l-1.288-7.884H336.993v45H349.08V99.377c0-1.99,5.358-11.532,15.743-9.077,5.251,1.243,7.48,3.472,7.48,3.472V80.064a19.311,19.311,0,0,0-5.028-1.908" transform="translate(-181.496 -41.899)" />
+      <path id="Path_7" data-name="Path 7" d="M550.386,89.552a12.06,12.06,0,1,1-12.057,12.058,12.06,12.06,0,0,1,12.057-12.058m-11.712,49v-16.19l0,0,0-6.064s.018-.485.456-.49c.39,0,.477.253.572.49a14.333,14.333,0,0,0,17.139,8.243,23.824,23.824,0,1,0-30.291-22.932v36.939Z" transform="translate(-283.588 -41.894)" />
+      <path id="Path_8" data-name="Path 8" d="M675.655,101.61A12.06,12.06,0,1,1,663.6,89.553a12.06,12.06,0,0,1,12.058,12.057m-.344,22.142h12.118V101.61a23.823,23.823,0,1,0-30.292,22.93,14.333,14.333,0,0,0,17.139-8.241c.1-.237.181-.5.572-.492.437.007.456.492.456.492" transform="translate(-344.569 -41.895)" />
+      <path id="Path_9" data-name="Path 9" d="M242.18,59.9h-4.858V98.323l4.99.128c10.235,0,16.827-.931,16.827-19.335,0-17.647-5.819-19.215-16.958-19.215M238.9,108.53H225.151V49.705H239.9c17.861,0,31.408,3.278,31.408,29.412,0,25.884-14.35,29.413-32.411,29.413" transform="translate(-121.261 -26.77)" />
+      <path id="Path_10" data-name="Path 10" d="M52.251,20.6C45.444,13.8,38.95,7.315,37.017,0c-1.933,7.315-8.428,13.8-15.234,20.6C11.574,30.806,0,42.369,0,59.71a37.018,37.018,0,1,0,74.036,0c0-17.341-11.573-28.9-21.785-39.106M15.734,68.336c-2.27-.077-10.647-14.516,4.894-29.889L30.911,49.68a.879.879,0,0,1-.069,1.312C28.389,53.509,17.929,64,16.629,67.624c-.268.749-.66.72-.9.712m21.284,19.03A12.731,12.731,0,0,1,24.287,74.634a13.266,13.266,0,0,1,3.173-8.409c2.3-2.807,9.556-10.7,9.556-10.7s7.15,8.011,9.539,10.676a12.451,12.451,0,0,1,3.194,8.436A12.731,12.731,0,0,1,37.018,87.366M61.386,66.72c-.274.6-.9,1.6-1.737,1.633-1.5.055-1.658-.713-2.764-2.351-2.43-3.6-23.637-25.76-27.6-30.047-3.489-3.77-.491-6.428.9-7.821,1.745-1.748,6.837-6.837,6.837-6.837S52.2,35.7,58.526,45.547s4.145,18.362,2.86,21.172" />
+    </svg>
+  </a>
+{% endblock %}

themes/honey/templates/block/block.html.twig

@@ -0,0 +1,46 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  <div class="block__content">
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+</div>

themes/honey/templates/content/node.html.twig

@@ -0,0 +1,107 @@
+{#
+/**
+ * @file
+ * Theme override to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ */
+#}
+{%
+  set classes = [
+    'node',
+    'node--type-' ~ node.bundle|clean_class,
+    node.isPromoted() ? 'node--promoted',
+    node.isSticky() ? 'node--sticky',
+    not node.isPublished() ? 'node--unpublished',
+    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer class="node__meta">
+      {{ author_picture }}
+      <div{{ author_attributes.addClass('node__submitted') }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div{{ content_attributes.addClass('node__content') }}>
+    {{ content }}
+  </div>
+
+</article>

themes/honey/templates/layout/page.html.twig

@@ -0,0 +1,90 @@
+{#
+/**
+ * @file
+ * Theme override to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+<div class="honey-page layout-container">
+  <header class="honey-page__header" role="banner">
+    <div class="honey-page__header-top">
+      {{ page.header }}
+      <button class="honey-page__toggle-button"
+        onclick="this.getAttribute('aria-expanded')==='true' ? this.setAttribute('aria-expanded', false) : this.setAttribute('aria-expanded', true)"
+        role="button" aria-expanded="false">
+          <span class="visually-hidden">{{ 'Open menu'|t }}</span>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 28">
+            <rect width="32" height="4" rx="2"/>
+            <rect width="32" height="4" rx="2" transform="translate(0 12)"/>
+            <rect width="32" height="4" rx="2" transform="translate(0 24)"/>
+          </svg>
+        </button>
+      {{ page.primary_menu }}
+    </div>
+    <div class="honey-page__header-bottom">
+      <div class="honey-page__header-bottom-inner">
+        {{ page.breadcrumb }}
+        {{ page.secondary_menu }}
+      </div>
+    </div>
+  </header>
+  <div class="honey-page__content-wrapper">
+    <main role="main" class="honey-page__content">
+      <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+      <div class="honey-page__highlighted">
+        {{ page.highlighted }}
+        {{ page.help }}
+      </div>
+      <div class="layout-content">
+        {{ page.content }}
+      </div>{# /.layout-content #}
+    </main>
+    <aside class="honey-page__sidebar" role="complementary">
+      {{ page.sidebar_first }}
+      {{ page.sidebar_second }}
+    </aside>
+  </div>
+  {% if page.footer %}
+    <footer class="honey-page__footer" role="contentinfo">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+</div>

themes/honey/templates/layout/region.html.twig

@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region <div>.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ */
+#}
+{%
+  set classes = [
+    'region',
+    'region-' ~ region|clean_class,
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {{ content }}
+  </div>
+{% endif %}

themes/honey/templates/misc/status-messages.html.twig

@@ -0,0 +1,59 @@
+{#
+/**
+ * @file
+ * Theme override for status messages.
+ *
+ * Displays status, error, and warning messages, grouped by type.
+ *
+ * An invisible heading identifies the messages for assistive technology.
+ * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
+ * for info.
+ *
+ * Add an ARIA label to the contentinfo area so that assistive technology
+ * user agents will better describe this landmark.
+ *
+ * Available variables:
+ * - message_list: List of messages to be displayed, grouped by type.
+ * - status_headings: List of all status types.
+ * - attributes: HTML attributes for the element, including:
+ *   - class: HTML classes.
+ */
+#}
+<div data-drupal-messages>
+{% block messages %}
+{% for type, messages in message_list %}
+  {%
+    set classes = [
+      'messages',
+      'messages--' ~ type,
+    ]
+  %}
+  <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes.addClass(classes)|without('role', 'aria-label') }}>
+    {% if type == 'error' %}
+      <div role="alert">
+    {% endif %}
+      <svg class="messages__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.734">
+        <path 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"/>
+        <path 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"/>
+      </svg>
+      {% if status_headings[type] %}
+        <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
+      {% endif %}
+      {% if messages|length > 1 %}
+        <ul class="messages__list">
+          {% for message in messages %}
+            <li class="messages__item">{{ message }}</li>
+          {% endfor %}
+        </ul>
+      {% else %}
+        {{ messages|first }}
+      {% endif %}
+    {% if type == 'error' %}
+      </div>
+    {% endif %}
+  </div>
+  {# Remove type specific classes. #}
+  {% set attributes = attributes.removeClass(classes) %}
+{% endfor %}
+{% endblock messages %}
+</div>

themes/honey/templates/navigation/breadcrumb.html.twig

@@ -0,0 +1,29 @@
+{#
+/**
+ * @file
+ * Theme override for a breadcrumb trail.
+ *
+ * Available variables:
+ * - breadcrumb: Breadcrumb trail items.
+ */
+#}
+{% if breadcrumb %}
+  <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
+    <h2 id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
+    <ol class="honey-breadcrumbs">
+    {% for item in breadcrumb %}
+      <li class="honey-breadcrumbs__list-item">
+        {% if item.url %}
+          <a href="{{ item.url }}">{{ item.text }}</a>
+        {% else %}
+          {{ item.text }}
+        {% endif %}
+        <svg class="honey-breadcrumbs__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.734">
+          <path 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"/>
+          <path 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"/>
+        </svg>
+      </li>
+    {% endfor %}
+    </ol>
+  </nav>
+{% endif %}

themes/honey/templates/navigation/menu--tools.html.twig

@@ -0,0 +1,60 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ *   - attributes: HTML attributes for the menu item.
+ *   - below: The menu item child items.
+ *   - title: The menu link title.
+ *   - url: The menu link url, instance of \Drupal\Core\Url
+ *   - localized_options: Menu link localized options.
+ *   - is_expanded: TRUE if the link has visible children within the current
+ *     menu tree.
+ *   - is_collapsed: TRUE if the link has children within the current menu tree
+ *     that are not currently visible.
+ *   - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+  We call a macro which calls itself to render the full tree.
+  @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+  {% import _self as menus %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul{{ attributes.addClass('menu').addClass('honey-tools') }}>
+    {% else %}
+      <ul class="menu">
+    {% endif %}
+    {% for item in items %}
+      {%
+        set classes = [
+          'menu-item',
+          'honey-tools__menu-item',
+          item.is_expanded ? 'menu-item--expanded',
+          item.is_collapsed ? 'menu-item--collapsed',
+          item.in_active_trail ? 'menu-item--active-trail',
+        ]
+      %}
+      <li{{ item.attributes.addClass(classes) }}>
+        <svg class="honey-tools__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.734">
+          <path 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"/>
+          <path 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"/>
+        </svg>
+        {{ link(item.title, item.url) }}
+        {% if item.below %}
+          {{ menus.menu_links(item.below, attributes, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ul>
+  {% endif %}
+{% endmacro %}

themes/honey/templates/navigation/menu.html.twig

@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ *   - attributes: HTML attributes for the menu item.
+ *   - below: The menu item child items.
+ *   - title: The menu link title.
+ *   - url: The menu link url, instance of \Drupal\Core\Url
+ *   - localized_options: Menu link localized options.
+ *   - is_expanded: TRUE if the link has visible children within the current
+ *     menu tree.
+ *   - is_collapsed: TRUE if the link has children within the current menu tree
+ *     that are not currently visible.
+ *   - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+  We call a macro which calls itself to render the full tree.
+  @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+  {% import _self as menus %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul{{ attributes.addClass('menu') }}>
+    {% else %}
+      <ul class="menu">
+    {% endif %}
+    {% for item in items %}
+      {%
+        set classes = [
+          'menu-item',
+          item.is_expanded ? 'menu-item--expanded',
+          item.is_collapsed ? 'menu-item--collapsed',
+          item.in_active_trail ? 'menu-item--active-trail',
+        ]
+      %}
+      <li{{ item.attributes.addClass(classes) }}>
+        {{ link(item.title, item.url) }}
+        {% if item.below %}
+          {{ menus.menu_links(item.below, attributes, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ul>
+  {% endif %}
+{% endmacro %}