@eeacms/volto-eea-design-system 0.5.4 → 0.6.1

package/CHANGELOG.md

@@ -4,8 +4,87 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [0.6.1](https://github.com/eea/volto-eea-design-system/compare/0.6.0...0.6.1)
+
+- Autobuild of docusaurus docs [`aa070d4`](https://github.com/eea/volto-eea-design-system/commit/aa070d4397a7369cc439d78b6355a9e6f0c5c3ff)
+- feat(headers): added underlined titles with theming support [`af67561`](https://github.com/eea/volto-eea-design-system/commit/af675616f9e002458501cf8b90742514153a298f)
+- refactor(heading): move underline story and update controls [`2c9bfd2`](https://github.com/eea/volto-eea-design-system/commit/2c9bfd279eafc44435d223be326f9496856c2154)
+- chore(countup): package for statistics [`26fcd09`](https://github.com/eea/volto-eea-design-system/commit/26fcd09bbd8d44119d5ca957542863be8c64836b)
+- refactor(underlinedTitle): Restore text variation dropdown control [`bd8c611`](https://github.com/eea/volto-eea-design-system/commit/bd8c61129d2c80475af8d0e9310412d5c3a82169)
+- refactor(underlineTitle): add content box for different variations [`0878915`](https://github.com/eea/volto-eea-design-system/commit/087891535059d6c2d7d2c2accded20f6ba601bb5)
+- refactor(underlinedTitle): add control for changing heading size [`211f515`](https://github.com/eea/volto-eea-design-system/commit/211f5158bff2b437aac60f26ba63f9adb6be540a)
+- refactor(utilities): add color variation for headings and text [`7e3a779`](https://github.com/eea/volto-eea-design-system/commit/7e3a779ec4fa3b712fcd32124f6f83ab784d2223)
+- refactor(utilities): update border bottom utility and restore line height for headings [`7fe4a7b`](https://github.com/eea/volto-eea-design-system/commit/7fe4a7b9fee579d213fe3945a4e548ff089784bd)
+- refactor(headings): update the line height of headers according to docusaurus instructions [`9da19b3`](https://github.com/eea/volto-eea-design-system/commit/9da19b3e1ea1fd93431e00edf3dc9a443e94f27a)
+- feat(UnderlinedTitle): create story and necessary utilities [`8beb56b`](https://github.com/eea/volto-eea-design-system/commit/8beb56b64ca76fb9f0f6df0f3554e64449a64868)
+
+#### [0.6.0](https://github.com/eea/volto-eea-design-system/compare/0.5.5...0.6.0)
+
+> 1 July 2022
+
+- Pagination, Item refactoring, docusaurus updates, fixes from custom [`#205`](https://github.com/eea/volto-eea-design-system/pull/205)
+- [Tokens] Letter spacing update [`#189`](https://github.com/eea/volto-eea-design-system/pull/189)
+- Refactor docusaurus [`#180`](https://github.com/eea/volto-eea-design-system/pull/180)
+- [R2] Pagination [`#162`](https://github.com/eea/volto-eea-design-system/pull/162)
+- [R2] Item [`#164`](https://github.com/eea/volto-eea-design-system/pull/164)
+- [EEA WWW - Plone6 Theme] - Tags [`#195`](https://github.com/eea/volto-eea-design-system/pull/195)
+- Autobuild of docusaurus docs [`ad6feb1`](https://github.com/eea/volto-eea-design-system/commit/ad6feb1b2632dc3c1169857b17a2be238678f3a2)
+- change(logo): use a real svg logo for white eea logo [`3b80dc7`](https://github.com/eea/volto-eea-design-system/commit/3b80dc7698c3dbab5d3834cc62f5102c2ace0166)
+- Autobuild of docusaurus docs [`5c74a09`](https://github.com/eea/volto-eea-design-system/commit/5c74a09c8938d6e151d4d9fc3f9f9eedc7c1ba61)
+- Tabs block custom border left/top [`ca4cce0`](https://github.com/eea/volto-eea-design-system/commit/ca4cce05ddb603a26d729dfe31f0f11fda7563fb)
+- change(package): bump package version [`1f01f72`](https://github.com/eea/volto-eea-design-system/commit/1f01f72ba6b09b6aae00c54e446bafddb48c4cd1)
+- fix(breadcrumb): fixed variable name for breadcrumb item [`2b547eb`](https://github.com/eea/volto-eea-design-system/commit/2b547eb43e0db4aa9bb63b4e4ba7f541f357fbd0)
+- Autobuild of docusaurus docs [`53edb18`](https://github.com/eea/volto-eea-design-system/commit/53edb1894099c55dca579c650f6f8f89345488c8)
+- change(site): added fixes from custom [`0fe4d80`](https://github.com/eea/volto-eea-design-system/commit/0fe4d80586c8877d58905ec40aa7df19c2f4e32f)
+- Autobuild of docusaurus docs [`7de5d66`](https://github.com/eea/volto-eea-design-system/commit/7de5d66294b09a063f05289d4ad954eeda1128a9)
+- change(letterspacing): updated letter spacing positive values [`b31818f`](https://github.com/eea/volto-eea-design-system/commit/b31818f292ce7ce8711084116a7b4df78cca33f0)
+- Autobuild of docusaurus docs [`ec7c620`](https://github.com/eea/volto-eea-design-system/commit/ec7c620ec4d72f8f1c0d77eff0308196df44e5f7)
+- Autobuild of docusaurus docs [`5f9d290`](https://github.com/eea/volto-eea-design-system/commit/5f9d29037b2cdb84d8e7c2c57f51d6effd7960e5)
+- change(header): show eea information systems on tablet as well [`ce82ceb`](https://github.com/eea/volto-eea-design-system/commit/ce82cebb554eb11a35ea2b3ee0c62bc645716476)
+- Autobuild of docusaurus docs [`18a6f67`](https://github.com/eea/volto-eea-design-system/commit/18a6f67d478e220a6c65b9923790a8cf68416cc1)
+- change(pageheader): add bottom margin on mobile for sharing dropdown actions [`d3cda47`](https://github.com/eea/volto-eea-design-system/commit/d3cda4732ec94dac91b36ef10014fbbe08a0a470)
+- Autobuild of docusaurus docs [`47d06e8`](https://github.com/eea/volto-eea-design-system/commit/47d06e829b6c72d25d30a64d8d088737a895371e)
+- change(pageheader): removed blogger, reddit and stumbleupon sharing links [`e4acc4e`](https://github.com/eea/volto-eea-design-system/commit/e4acc4e83c120cda59d94f04867a53e21bf322ab)
+- Autobuild of docusaurus docs [`0a92b31`](https://github.com/eea/volto-eea-design-system/commit/0a92b3194cddd872a5bd92ad3c946ee2b12c7f61)
+- fix(pageheader): metadata font size on mobile to be readable [`0a9b1fa`](https://github.com/eea/volto-eea-design-system/commit/0a9b1fa7db6f0b11265f9eb4d28f25b23bedc79a)
+- Autobuild of docusaurus docs [`60f4769`](https://github.com/eea/volto-eea-design-system/commit/60f4769a87fe2c811a85cf050fc1a32ea79c605d)
+- Fix sidebar tabs in Volto CSS [`c287db5`](https://github.com/eea/volto-eea-design-system/commit/c287db5abbfe068d4b255c41fd58d0433d2640c4)
+- Autobuild of docusaurus docs [`8b0a136`](https://github.com/eea/volto-eea-design-system/commit/8b0a136104deea04af298070b368e3e2619992c8)
+- Autobuild of docusaurus docs [`dd483aa`](https://github.com/eea/volto-eea-design-system/commit/dd483aaf3911f9baef4ae6cd1005126abebcd412)
+- Autobuild of docusaurus docs [`27898f5`](https://github.com/eea/volto-eea-design-system/commit/27898f5004e42a64524add8b8513533aff7eec6f)
+- style(item): update item image [`e585e9d`](https://github.com/eea/volto-eea-design-system/commit/e585e9d8c85a3627696b55c0505e29e8a8c33f7f)
+- fix(item): update image width & height on mobiles and add 3 line clamp for description [`0cd2c46`](https://github.com/eea/volto-eea-design-system/commit/0cd2c46c945ff85b55183994990fae9cf450f3d1)
+- refactor(pagination): comment out secondary pagination and its styling [`bcf4cff`](https://github.com/eea/volto-eea-design-system/commit/bcf4cff1cff490718751475354b8fb32da174383)
+- refactor(tags): remove content class and add flex wrap [`d6333ca`](https://github.com/eea/volto-eea-design-system/commit/d6333ca7e61a588d8ffe4d0d2e02005c0aa12379)
+- docs(typography): updates [`66d95e4`](https://github.com/eea/volto-eea-design-system/commit/66d95e4fee695a20de47f5476712034f9f07f4a8)
+- fix(tag): align start for tags on mobile, update path for Tag List and add containers [`b9de845`](https://github.com/eea/volto-eea-design-system/commit/b9de8452c42ed6d16028ce147f2d7a062b895d67)
+- docs(Docusaurus): various fixes [`a972a31`](https://github.com/eea/volto-eea-design-system/commit/a972a31f7932d29d61a46da251c0c98994516365)
+- docs(Docusaurus): typography and spacing updates [`48d1269`](https://github.com/eea/volto-eea-design-system/commit/48d1269dce396aec26db1d1e2f777851a26eaa81)
+- refactor(tokens): update letter spacing tokens [`5f8753b`](https://github.com/eea/volto-eea-design-system/commit/5f8753b7527b1bf7271102666a8662a74b2b1775)
+- docs(colors): token usage [`c433ec6`](https://github.com/eea/volto-eea-design-system/commit/c433ec6fcf190f85ab1dd81ea3e63eeb381d0c28)
+- fix(item): adjust the container in stories [`a848c46`](https://github.com/eea/volto-eea-design-system/commit/a848c46b5bf3153ec993a21a530e120bae872407)
+- refactor(item): update variables from px to rem [`30eed78`](https://github.com/eea/volto-eea-design-system/commit/30eed78c170e5719ba4fb85c3a171db3f97d63c8)
+- refactor(Item):add default item mobile padding [`3518465`](https://github.com/eea/volto-eea-design-system/commit/35184655e3225b8ad63626c8e521b5dcf59eaa3b)
+- refactor(Item): add default item background color [`c978c8d`](https://github.com/eea/volto-eea-design-system/commit/c978c8d05355065466a8a661844237a9df103b94)
+- refactor(Item):create item story with custom default class [`069ae02`](https://github.com/eea/volto-eea-design-system/commit/069ae02a7cc2b15b7e6732e46f52d07eaa4502b1)
+- refactor(pagination): add pastanage menu overrides and remove any eea theme css from default story [`5080810`](https://github.com/eea/volto-eea-design-system/commit/508081090baaeb455130c760c6c0e7e23972d84a)
+- refactor(Pagination): add default pagination stopry and rename previous as Secondary [`a5e3e13`](https://github.com/eea/volto-eea-design-system/commit/a5e3e13b40d4d1d0c96f1efaa3a0c326d60c6d93)
+
+#### [0.5.5](https://github.com/eea/volto-eea-design-system/compare/0.5.4...0.5.5)
+
+> 23 June 2022
+
+- Release [`#203`](https://github.com/eea/volto-eea-design-system/pull/203)
+- Autobuild of docusaurus docs [`83cf8df`](https://github.com/eea/volto-eea-design-system/commit/83cf8df2a3de124b71a0641a821ae9538f3e45e3)
+- change(homepage): moved fixes of homepage to custom and colored carousel arrow [`0a226ef`](https://github.com/eea/volto-eea-design-system/commit/0a226ef3f5d328d45513764bec02d58241417db0)
+- Autobuild of docusaurus docs [`304577a`](https://github.com/eea/volto-eea-design-system/commit/304577a4b79d256bbdc50fc9c75d9d0efc0769b9)
+- fix(contentBox): color of cards when inside content-boxes [`76a4520`](https://github.com/eea/volto-eea-design-system/commit/76a452031473f43928dee1d3ee705d06101e6a21)
+
 #### [0.5.4](https://github.com/eea/volto-eea-design-system/compare/0.5.3...0.5.4)
 
+> 16 June 2022
+
+- content box and header fixes [`#200`](https://github.com/eea/volto-eea-design-system/pull/200)
 - change(content-box): content box links are now underlined [`f7976f5`](https://github.com/eea/volto-eea-design-system/commit/f7976f50f5807a884522d6dba871a2757a1c5a98)
 - Autobuild of docusaurus docs [`89a258a`](https://github.com/eea/volto-eea-design-system/commit/89a258a84ae58ffa0be79baf99d562213e8c8491)
 - fix(header): ensure transparency goes as high as the search icon [`4470e13`](https://github.com/eea/volto-eea-design-system/commit/4470e132e1e70fba3fdfb33fc63a1cc9d62700e8)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "0.5.4",
+  "version": "0.6.1",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -22,7 +22,8 @@
   "dependencies": {
     "@eeacms/volto-corsproxy": "*",
     "remixicon": "2.5.0",
-    "react-slick": "^0.28.1"
+    "react-slick": "^0.28.1",
+    "react-countup": "^6.3.0"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.9.5",

package/src/ui/Banner/Banner.stories.jsx

@@ -69,9 +69,6 @@ const Template = (args) => (
                     <Banner.Action icon="ri-facebook-fill" />
                     <Banner.Action icon="ri-twitter-fill" />
                     <Banner.Action icon="ri-linkedin-fill" />
-                    <Banner.Action icon="blogger b" />
-                    <Banner.Action icon="ri-reddit-line" />
-                    <Banner.Action icon="stumbleupon circle" />
                   </div>
                 </>
               )}

package/src/ui/Tag/Tag.stories.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import Tag from './Tag';
+import { Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Tag',
@@ -13,7 +14,11 @@ export default {
   },
 };
 
-export const Default = (args) => <Tag href={args.href}>{args.title}</Tag>;
+export const Default = (args) => (
+  <Container>
+    <Tag href={args.href}>{args.title}</Tag>
+  </Container>
+);
 
 Default.args = {
   title: 'subcategory 1',

package/src/ui/TagList/TagList.jsx

@@ -14,10 +14,4 @@ TagList.Title = ({ children, ...rest }) => (
   </span>
 );
 
-TagList.Content = ({ children, ...rest }) => (
-  <div className="tags-content" {...rest}>
-    {children}
-  </div>
-);
-
 export default TagList;

package/src/ui/TagList/TagList.stories.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import TagList from './TagList';
 import Tag from '../Tag/Tag';
+import { Container } from 'semantic-ui-react';
 
 export default {
-  title: 'Components/TagList',
+  title: 'Components/Tag',
   component: TagList,
   argTypes: {
     title: {
@@ -38,20 +39,20 @@ export default {
   },
 };
 
-export const Default = (args) => (
-  <TagList className={args.direction}>
-    <TagList.Title>{args.title}</TagList.Title>
-    <TagList.Content>
+export const List = (args) => (
+  <Container>
+    <TagList className={args.direction}>
+      <TagList.Title>{args.title}</TagList.Title>
       {args.tags.map((tag, index) => [
         <Tag className={tag.class} href={tag.href} key={index}>
           {tag.category}
         </Tag>,
       ])}
-    </TagList.Content>
-  </TagList>
+    </TagList>
+  </Container>
 );
 
-Default.args = {
+List.args = {
   title: 'Tags:',
   direction: 'right',
   tags: [

package/src/ui/UnderlinedTitle/UnderlinedTitle.stories.jsx

@@ -0,0 +1,98 @@
+import React from 'react';
+import { Header, Divider, Container } from 'semantic-ui-react';
+import ContentBox from '../ContentBox/ContentBox';
+
+export default {
+  title: 'Components/Heading/Underlined',
+  component: Divider,
+  argTypes: {
+    tag: {
+      name: 'Tag',
+      defaultValue: 'h2',
+      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
+      control: { type: 'select' },
+      description: 'Heading HTML tag',
+      table: {
+        defaultValue: { summary: 'h2' },
+        type: { summary: 'string' },
+      },
+    },
+    title: {
+      description: 'Title text',
+      table: {
+        defaultValue: {
+          summary: '',
+        },
+        type: {
+          summary: 'string',
+        },
+      },
+    },
+    bordered: {
+      description: 'Bottom border for title',
+      table: {
+        defaultValue: { summary: 'true' },
+        type: { summary: 'boolean' },
+      },
+    },
+    variation: {
+      name: 'Heading variation',
+      defaultValue: 'tertiary',
+      options: ['primary', 'secondary', 'tertiary'],
+      control: { type: 'select' },
+      description: 'Text color variation',
+      table: {
+        defaultValue: { summary: 'tertiary' },
+        type: { summary: 'string' },
+      },
+    },
+    variant: {
+      name: 'Background variation',
+      defaultValue: 'default',
+      options: ['default', 'primary', 'secondary', 'tertiary'],
+      control: { type: 'select' },
+      description: 'Color variation',
+      table: {
+        defaultValue: { summary: 'default' },
+        type: { summary: 'string' },
+      },
+    },
+  },
+};
+
+export const Default = (args) => {
+  return (
+    <ContentBox variant={args.variant}>
+      <Container className="content-box-inner">
+        <Header
+          as={args.tag}
+          className={`${args.variation} ${args.bordered ? 'bordered' : ''}`}
+        >
+          {args.title}
+        </Header>
+        <p>
+          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
+          commodo ligula eget dolor. Aenean massa strong. Cum sociis natoque
+          penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+          Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+          Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
+          aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
+          imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede link
+          mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum
+          semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
+          porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
+          dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla
+          ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
+          ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
+        </p>
+      </Container>
+    </ContentBox>
+  );
+};
+Default.args = {
+  tag: 'h2',
+  title: 'At a glance',
+  bordered: true,
+  variation: 'tertiary',
+  variant: 'default',
+};

package/theme/themes/eea/assets/logo/eea-white.svg

@@ -0,0 +1,14 @@
+<svg width="349" height="124" viewBox="0 0 349 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M88.1277 62.9804C88.1277 55.3743 85.2741 48.2231 80.0896 42.8447C79.0709 41.7892 77.9851 40.8284 76.8443 39.9609L72.5445 47.4431C77.0394 51.1623 80.2505 56.5509 80.2505 62.9804C80.2505 74.1905 71.4945 83.2823 60.6877 83.2823C58.1587 83.2823 55.7489 82.7749 53.5313 81.8681L49.5547 89.012C53.016 90.6099 56.79 91.4555 60.6877 91.4555C75.8181 91.4555 88.1277 78.6811 88.1277 62.9805L88.1277 62.9804Z" fill="#FFFFFF"/>
+    <path d="M80.346 11.1001C80.3132 8.49617 80.0719 6.01037 79.64 3.71849L79.4911 2.94141L78.9251 3.47064C77.2258 5.06125 75.5741 6.92304 74.0147 9.00498C65.9096 19.8375 61.7811 34.3338 64.1983 43.4693L64.2713 43.7376L64.5304 43.7901C65.0487 43.8951 65.5238 44.019 65.9766 44.1691C66.5113 44.3456 67.0356 44.5555 67.5449 44.8004L67.7862 44.9156L67.9917 44.7479C75.3238 38.82 80.5187 24.6706 80.346 11.1L80.346 11.1001Z" fill="#FFFFFF"/>
+    <path d="M53.2218 1.14009L52.7601 0.511719L52.4786 1.24506C51.6311 3.45239 50.9416 5.88133 50.4322 8.46043C47.7737 21.8983 50.249 36.7927 56.3092 43.8754L56.4894 44.0868L56.7456 44.0124C57.2594 43.8725 57.736 43.7646 58.2052 43.6902C58.7592 43.6042 59.3222 43.5503 59.8792 43.5357L60.1443 43.5284L60.2575 43.2849C64.3101 34.6043 62.9399 19.5292 57.0033 7.4399C55.8639 5.11593 54.592 2.99463 53.2218 1.14013V1.14009Z" fill="#FFFFFF"/>
+    <path d="M33.6362 14.9403C31.624 13.3788 29.5806 12.0623 27.5625 11.0257L26.8789 10.6758L26.9385 11.4616C27.1202 13.8308 27.5372 16.3239 28.1791 18.8723C31.5227 32.1425 40.0866 44.366 48.5432 47.9423L48.7904 48.0443L48.9929 47.8621C49.3906 47.499 49.7704 47.187 50.1591 46.9057C50.6178 46.5732 51.1034 46.2671 51.5993 45.9974L51.8302 45.8705V45.595C51.7661 35.9551 44.1138 23.0625 33.6362 14.9402L33.6362 14.9403Z" fill="#FFFFFF"/>
+    <path d="M12.6563 38.4124C21.3095 48.7813 34.197 55.8174 43.3059 55.1423L43.571 55.1204L43.6753 54.8638C43.8748 54.355 44.0863 53.9001 44.3142 53.47C44.5838 52.9627 44.8876 52.464 45.2153 51.996L45.3701 51.7759L45.254 51.531C41.0882 42.913 28.734 34.8579 15.8733 32.3808C13.4069 31.907 11.015 31.6621 8.75864 31.6562H7.99609L8.38631 32.3371C9.55992 34.3753 10.9957 36.4223 12.6563 38.4124L12.6563 38.4124Z" fill="#FFFFFF"/>
+    <path d="M41.6723 64.0059L41.9047 63.863L41.8853 63.5904C41.8496 63.0393 41.8436 62.5349 41.8659 62.0421C41.8913 61.4633 41.9523 60.8816 42.0461 60.3071L42.0908 60.0389L41.8823 59.8741C34.4757 54.0555 19.9618 52.5013 7.37383 56.1768C4.9566 56.8824 2.70766 57.7615 0.683617 58.7938L0 59.1408L0.638939 59.5738C2.55575 60.8655 4.71682 62.0391 7.0566 63.0641C19.2336 68.3929 33.7936 68.7909 41.6724 64.0059H41.6723Z" fill="#FFFFFF"/>
+    <path d="M43.8126 72.8822L43.9571 72.6504L43.8245 72.4113C43.5594 71.9346 43.3405 71.4855 43.1484 71.0336C42.9265 70.5014 42.7313 69.9503 42.572 69.3934L42.496 69.1324L42.2399 69.0799C33.116 67.2619 19.4377 72.5265 9.71215 81.6007C7.84598 83.343 6.20023 85.1654 4.82703 87.017L4.35938 87.6454L5.11895 87.7357C7.39023 88.0171 9.82981 88.0784 12.3632 87.9238C25.5545 87.1161 38.7815 80.7887 43.8126 72.8823L43.8126 72.8822Z" fill="#FFFFFF"/>
+    <path d="M48.2047 78.3551C47.7788 77.979 47.3662 77.5737 46.9879 77.1465L46.8107 76.9453L46.5575 77.0197C37.5975 79.5725 27.5726 90.5712 22.7173 103.175C21.7864 105.595 21.0864 107.982 20.6441 110.274L20.4922 111.048L21.2115 110.784C23.3682 109.993 25.5798 108.93 27.7871 107.629C39.2775 100.85 48.4461 89.1104 49.5884 79.7081L49.6227 79.4326L49.3978 79.2809C48.9584 78.9748 48.5652 78.6701 48.2048 78.3552L48.2047 78.3551Z" fill="#FFFFFF"/>
+    <path d="M112.667 71.5358C114.736 70.9847 116.839 70.3097 118.547 69.5443C118.773 67.3865 118.757 61.8492 118.738 61.2296C117.089 60.3986 115.178 59.5238 113.188 58.8692C109.528 57.6708 104.269 57.1314 100.633 56.8412C100.177 53.8714 100.487 55.4474 99.6843 52.4412C102.921 50.5881 107.529 47.8297 110.385 45.1237C111.972 43.6235 113.343 42.1014 114.508 40.5895C113.492 37.9667 112.313 35.4328 110.965 33.0082C109.127 33.0797 107.177 33.294 105.116 33.6891C101.34 34.4151 96.4569 36.5015 93.1162 38.0148C91.3662 35.615 92.3537 36.8572 90.2849 34.5916C92.306 31.3783 95.1239 26.6968 96.4226 22.9163C97.1405 20.8257 97.5679 19.0076 97.912 17.1094C96.2156 15.6325 94.4388 14.2547 92.5845 12.9805L80.0411 35.5043C81.392 36.5292 82.6832 37.6591 83.8881 38.9071C90.0824 45.3367 93.496 53.886 93.496 62.9792C93.496 72.071 90.0824 80.6218 83.8881 87.0499C77.6909 93.4794 69.4562 97.0222 60.6928 97.0222C56.0489 97.0222 51.557 96.0133 47.4315 94.118L34.8047 116.814C36.7349 117.818 38.7247 118.712 40.7681 119.491C42.0281 118.282 43.2777 116.907 44.5079 115.362C46.9475 112.29 49.4049 107.425 51.0283 104.036C53.8536 104.708 52.3285 104.414 55.3147 104.771C55.7585 108.576 56.4913 114.054 57.8392 117.814C58.5392 119.766 59.3256 121.806 60.1715 123.411C60.3443 123.411 65.989 123.218 68.5611 122.855C69.139 121.15 69.6394 119.031 70.0281 117.028C70.7937 113.125 70.7654 107.634 70.6641 103.854C73.4641 103.07 71.9837 103.554 74.7837 102.415C76.8956 105.56 80.0188 110.034 82.9111 112.698C84.4452 114.114 86.1475 115.411 87.6533 116.43C90.1167 115.092 92.4833 113.584 94.7263 111.905C94.4641 110.079 93.8922 108.069 93.3188 106.066C92.2301 102.245 89.7175 97.4158 87.9214 94.1238C90.0378 92.071 88.949 93.2169 90.9046 90.8478C94.1946 92.5944 98.9754 95.0248 102.733 95.9666C104.778 96.4798 106.887 96.8851 108.713 97.047C110.256 94.7128 111.648 92.262 112.864 89.7048C111.793 88.187 110.366 86.5643 108.921 85.0379C106.232 82.1978 101.835 79.1565 98.7565 77.1285C99.6963 74.2826 99.2539 75.8251 99.9078 72.7809C103.603 72.7183 108.921 72.5331 112.667 71.5359L112.667 71.5358Z" fill="#FFFFFF"/>
+    <path d="M162.44 110.258L154.03 86.918H147.873L139.492 110.258H144.915L146.64 104.725H155.294L157.016 110.258H162.44H162.44ZM147.904 100.594C149.594 95.2385 150.615 91.8852 150.974 90.5279C151.062 90.9099 151.204 91.4303 151.404 92.0864C151.607 92.7425 152.502 95.5796 154.092 100.594H147.904ZM175.155 92.483C174.96 92.4422 174.513 92.3751 173.814 92.2847C173.114 92.1943 172.51 92.1476 172.005 92.1476C169.61 92.1476 167.769 92.6813 166.481 93.7397C165.193 94.7996 164.548 96.2969 164.548 98.2389C164.548 99.4476 164.826 100.497 165.383 101.387C165.943 102.279 166.695 102.925 167.651 103.329C166.892 103.762 166.313 104.205 165.912 104.652C165.513 105.104 165.31 105.67 165.31 106.347C165.31 106.889 165.501 107.401 165.879 107.88C166.259 108.363 166.703 108.71 167.212 108.924C165.89 109.23 164.89 109.744 164.207 110.465C163.526 111.185 163.185 112.084 163.185 113.151C163.185 114.708 163.852 115.919 165.19 116.784C166.529 117.647 168.462 118.082 170.995 118.082C174.31 118.082 176.851 117.509 178.622 116.363C180.392 115.22 181.278 113.606 181.278 111.531C181.278 109.908 180.755 108.679 179.711 107.842C178.664 107.004 177.145 106.586 175.155 106.586H172.067C170.249 106.586 169.34 106.236 169.34 105.536C169.34 105.071 169.594 104.647 170.103 104.266L170.834 104.343L171.726 104.393C174.139 104.393 176.029 103.861 177.386 102.795C178.746 101.729 179.426 100.244 179.426 98.3366C179.426 97.3481 179.167 96.4588 178.645 95.6627L181.489 94.9469V92.483H175.155H175.155ZM168.389 111.11C169.002 110.688 169.762 110.481 170.673 110.481H173.238C174.482 110.481 175.402 110.608 175.996 110.863C176.595 111.117 176.891 111.578 176.891 112.247C176.891 113.074 176.39 113.724 175.38 114.201C174.374 114.677 172.982 114.916 171.208 114.916C170.027 114.916 169.11 114.727 168.456 114.343C167.8 113.963 167.471 113.439 167.471 112.77C167.471 112.084 167.778 111.528 168.389 111.11H168.389ZM172.005 95.0912C173.801 95.0912 174.699 96.1614 174.699 98.3016C174.699 99.2683 174.482 100.029 174.048 100.594C173.615 101.153 172.934 101.436 172.005 101.436C171.084 101.436 170.398 101.153 169.948 100.594C169.5 100.029 169.273 99.2683 169.273 98.3016C169.273 96.1614 170.185 95.0912 172.005 95.0912ZM193.872 96.5769C194.488 97.23 194.807 98.1529 194.829 99.3514H187.878C187.965 98.1529 188.306 97.2301 188.902 96.5769C189.499 95.9266 190.323 95.5986 191.373 95.5986C192.423 95.5986 193.254 95.9266 193.872 96.5769ZM195.674 110.267C196.661 110.06 197.585 109.744 198.451 109.321V105.567C197.393 106.056 196.374 106.412 195.4 106.632C194.424 106.855 193.391 106.966 192.296 106.966C190.887 106.966 189.797 106.58 189.015 105.809C188.237 105.034 187.819 103.957 187.765 102.579H199.476V100.225C199.476 97.7039 198.763 95.7284 197.331 94.2982C195.902 92.8636 193.906 92.1477 191.337 92.1477C188.654 92.1477 186.551 92.9627 185.029 94.5883C183.507 96.2183 182.748 98.5189 182.748 101.498C182.748 104.393 183.57 106.629 185.215 108.208C186.86 109.787 189.144 110.578 192.071 110.578C193.489 110.578 194.689 110.473 195.674 110.267ZM219.913 98.6676C219.913 96.558 219.367 94.9455 218.272 93.8258C217.177 92.709 215.576 92.1477 213.463 92.1477C212.228 92.1477 211.129 92.3708 210.159 92.8082C209.188 93.2514 208.43 93.8972 207.876 94.756H207.601L206.936 92.483H203.15V110.258H208.104V101.894C208.104 99.7975 208.414 98.2959 209.03 97.3876C209.648 96.4807 210.648 96.0287 212.036 96.0287C213.052 96.0287 213.795 96.351 214.26 96.9925C214.726 97.6325 214.96 98.5933 214.96 99.8777V110.258H219.913V98.6676ZM235.023 110.289C235.842 110.101 236.652 109.754 237.452 109.258V105.109C236.639 105.638 235.83 106.029 235.017 106.277C234.202 106.523 233.32 106.651 232.367 106.651C229.789 106.651 228.502 104.911 228.502 101.436C228.502 97.8527 229.789 96.0594 232.367 96.0594C233.039 96.0594 233.709 96.1585 234.384 96.3539C235.054 96.5522 235.778 96.8029 236.56 97.1091L238.021 93.3593C236.354 92.553 234.469 92.1477 232.367 92.1477C229.499 92.1477 227.297 92.9467 225.76 94.5417C224.222 96.1366 223.453 98.4446 223.453 101.467C223.453 107.539 226.279 110.578 231.928 110.578C233.174 110.578 234.207 110.481 235.023 110.289ZM246.756 110.131L246.466 111.005C246.095 112.063 245.585 112.858 244.93 113.383C244.276 113.906 243.508 114.17 242.63 114.17C241.929 114.17 241.277 114.101 240.682 113.963V117.812C241.504 117.991 242.346 118.082 243.199 118.082C244.943 118.082 246.468 117.619 247.772 116.697C249.078 115.774 250.08 114.386 250.783 112.531L258.467 92.4831H253.156L249.793 102.486C249.449 103.448 249.215 104.476 249.097 105.567H248.999C248.892 104.381 248.689 103.354 248.399 102.486L244.972 92.4831H239.546L246.756 110.131L246.756 110.131Z" fill="#FFFFFF"/>
+    <path d="M156.156 70.1991H147.518V64.207H155.556V60.1655H147.518V55.0613H156.156V51.0228H142.48V74.2682H156.156V70.1991ZM177.026 62.6805C177.026 60.5708 176.48 58.9569 175.385 57.8357C174.293 56.719 172.689 56.162 170.579 56.162C169.343 56.162 168.241 56.3807 167.274 56.821C166.304 57.2598 165.542 57.9072 164.992 58.7688H164.714L164.049 56.4959H160.266V74.2682H165.217V65.9069C165.217 63.8074 165.527 62.3057 166.144 61.3974C166.76 60.4935 167.764 60.0372 169.149 60.0372C170.168 60.0372 170.908 60.3594 171.373 61.0023C171.839 61.6424 172.073 62.6061 172.073 63.8876V74.2682H177.026V62.6804V62.6805ZM190.614 74.2682L197.532 56.4959H192.353L188.862 66.6228C188.427 68.0312 188.185 69.2457 188.131 70.2633H188.033C187.934 69.1188 187.69 67.9043 187.301 66.6228L183.794 56.4959H178.612L185.531 74.2682H190.614ZM202.386 54.2841C203.284 54.2841 203.958 54.0742 204.407 53.6558C204.857 53.2373 205.08 52.6527 205.08 51.8989C205.08 50.32 204.183 49.5312 202.386 49.5312C200.588 49.5312 199.687 50.32 199.687 51.8989C199.687 53.4881 200.588 54.2841 202.386 54.2841L202.386 54.2841ZM204.852 56.4958H199.898V74.2711H204.852V56.4958ZM216.435 57.0747C215.477 57.6841 214.715 58.4859 214.152 59.4832H213.907L213.176 56.4958H209.424V74.2681H214.38V65.2216C214.38 63.7914 214.82 62.6804 215.705 61.8844C216.584 61.0883 217.817 60.6918 219.399 60.6918C219.972 60.6918 220.459 60.7443 220.861 60.8492L221.234 56.3033C220.788 56.2071 220.231 56.1619 219.561 56.1619C218.434 56.1619 217.394 56.4637 216.435 57.0746V57.0747ZM228.829 61.3829C229.412 60.5096 230.363 60.0722 231.686 60.0722C233.017 60.0722 233.977 60.5125 234.562 61.3916C235.147 62.2708 235.438 63.5902 235.438 65.3499C235.438 67.1214 235.147 68.4525 234.568 69.3476C233.988 70.2457 233.04 70.6919 231.717 70.6919C230.386 70.6919 229.428 70.2428 228.837 69.3418C228.247 68.4393 227.951 67.1082 227.951 65.3499C227.951 63.5815 228.244 62.2591 228.829 61.3829ZM239.434 60.4688C238.719 59.0808 237.697 58.0165 236.365 57.2729C235.033 56.5323 233.495 56.162 231.753 56.162C228.947 56.162 226.771 56.9668 225.224 58.5763C223.673 60.1874 222.9 62.4443 222.9 65.3499C222.9 67.2161 223.259 68.849 223.971 70.2457C224.686 71.6453 225.711 72.7198 227.042 73.4663C228.374 74.2128 229.912 74.5875 231.655 74.5875C234.435 74.5875 236.608 73.7696 238.168 72.1381C239.726 70.5052 240.506 68.2454 240.506 65.35C240.506 63.4852 240.148 61.8553 239.434 60.4688V60.4688ZM260.839 62.6804C260.839 60.5708 260.291 58.9569 259.197 57.8357C258.106 56.7189 256.502 56.162 254.391 56.162C253.155 56.162 252.053 56.3807 251.085 56.821C250.117 57.2598 249.356 57.9071 248.805 58.7688H248.526L247.862 56.4958H244.077V74.2681H249.028V65.9068C249.028 63.8074 249.339 62.3057 249.956 61.3974C250.573 60.4935 251.575 60.0371 252.961 60.0371C253.977 60.0371 254.72 60.3593 255.185 61.0023C255.65 61.6423 255.885 62.606 255.885 63.8876V74.2681H260.839V62.6804L260.839 62.6804ZM281.569 65.3499C281.569 63.5071 281.87 62.16 282.47 61.31C283.072 60.4629 283.98 60.0372 285.191 60.0372C286.134 60.0372 286.824 60.3594 287.263 61.0024C287.701 61.6424 287.921 62.6061 287.921 63.8876V74.2682H292.891V62.6805C292.891 60.4002 292.364 58.744 291.307 57.7103C290.249 56.6781 288.694 56.162 286.637 56.162C285.447 56.162 284.378 56.3865 283.429 56.8428C282.484 57.3006 281.766 57.9421 281.277 58.7688H280.838C279.877 57.028 278.036 56.162 275.318 56.162C274.125 56.162 273.069 56.3909 272.152 56.8516C271.23 57.3123 270.526 57.9509 270.039 58.7688H269.763L269.096 56.4959H265.311V74.2682H270.266V65.9069C270.266 63.8191 270.554 62.3174 271.127 61.4076C271.699 60.4964 272.62 60.0372 273.889 60.0372C274.831 60.0372 275.521 60.3594 275.96 61.0023C276.397 61.6424 276.616 62.6061 276.616 63.8876V74.2682H281.569V65.3499V65.3499ZM307.489 60.5868C308.105 61.24 308.424 62.1658 308.446 63.3613H301.497C301.582 62.1658 301.924 61.24 302.519 60.5868C303.116 59.9366 303.939 59.6115 304.989 59.6115C306.039 59.6115 306.872 59.9366 307.489 60.5868H307.489ZM309.292 74.277C310.28 74.07 311.203 73.7536 312.068 73.3308V69.5795C311.009 70.065 309.991 70.4222 309.017 70.6453C308.041 70.8683 307.007 70.9791 305.913 70.9791C304.505 70.9791 303.414 70.5928 302.632 69.8171C301.854 69.043 301.436 67.9685 301.384 66.5907H313.095V64.2376C313.095 61.7139 312.38 59.7369 310.95 58.3067C309.52 56.8764 307.523 56.162 304.958 56.162C302.271 56.162 300.168 56.9727 298.646 58.6012C297.124 60.2268 296.364 62.5303 296.364 65.5075C296.364 68.4029 297.188 70.638 298.832 72.2184C300.478 73.7973 302.763 74.5875 305.688 74.5875C307.106 74.5875 308.308 74.4855 309.292 74.277V74.277ZM333.531 62.6805C333.531 60.5709 332.983 58.9569 331.889 57.8358C330.794 56.719 329.193 56.162 327.081 56.162C325.846 56.162 324.746 56.3807 323.778 56.821C322.807 57.2599 322.047 57.9072 321.493 58.7688H321.219L320.553 56.4959H316.767V74.2682H321.721V65.9069C321.721 63.8074 322.031 62.3058 322.647 61.3975C323.265 60.4935 324.268 60.0372 325.654 60.0372C326.669 60.0372 327.412 60.3594 327.878 61.0024C328.343 61.6424 328.576 62.6061 328.576 63.8876V74.2682H333.532V62.6805L333.531 62.6805ZM344.049 70.2297C343.655 69.9017 343.458 69.3943 343.458 68.7033V60.1349H348.541V56.4959H343.458V52.7111H340.292L338.86 56.4609L336.132 58.0836V60.135H338.503V68.7033C338.503 70.6671 338.956 72.1382 339.861 73.1165C340.762 74.0977 342.206 74.5876 344.189 74.5876C345.986 74.5876 347.5 74.3178 348.735 73.7755V70.1685C347.523 70.5388 346.483 70.7225 345.618 70.7225C344.967 70.7225 344.446 70.5578 344.049 70.2298V70.2297Z" fill="#FFFFFF"/>
+    <path d="M156.156 34.2022H147.518V28.2101H155.556V24.1686H147.518V19.0658H156.156V15.0273H142.48V38.2728H156.156V34.2022ZM176.751 38.2728V20.499H171.797V28.8603C171.797 30.9612 171.49 32.4629 170.874 33.3668C170.257 34.2751 169.253 34.7271 167.868 34.7271C166.849 34.7271 166.109 34.4078 165.645 33.7663C165.18 33.1248 164.945 32.1626 164.945 30.8796V20.499H159.991V32.0882C159.991 34.1877 160.532 35.7943 161.614 36.9126C162.699 38.0337 164.306 38.5906 166.438 38.5906C167.685 38.5906 168.795 38.3647 169.769 37.9156C170.744 37.4637 171.496 36.8265 172.025 35.9999H172.284L172.951 38.2728H176.751L176.751 38.2728ZM188.314 21.0793C187.355 21.6887 186.592 22.4906 186.029 23.4878H185.787L185.055 20.4991H181.304V38.2728H186.257V29.2263C186.257 27.796 186.698 26.6836 187.58 25.8876C188.463 25.093 189.696 24.695 191.275 24.695C191.85 24.695 192.338 24.7489 192.741 24.8539L193.113 20.3066C192.666 20.2118 192.111 20.1652 191.44 20.1652C190.313 20.1652 189.27 20.4684 188.314 21.0793L188.314 21.0793ZM200.706 25.3861C201.291 24.5128 202.243 24.0769 203.565 24.0769C204.898 24.0769 205.856 24.5171 206.441 25.3948C207.027 26.2754 207.318 27.5949 207.318 29.3531C207.318 31.1245 207.027 32.4571 206.447 33.3508C205.869 34.2489 204.921 34.695 203.597 34.695C202.265 34.695 201.307 34.246 200.715 33.345C200.123 32.444 199.828 31.1129 199.828 29.3531C199.828 27.5861 200.123 26.2623 200.706 25.3861ZM211.313 24.472C210.598 23.0855 209.576 22.0197 208.245 21.2776C206.912 20.537 205.375 20.1652 203.632 20.1652C200.826 20.1652 198.649 20.97 197.101 22.581C195.552 24.1906 194.781 26.4489 194.781 29.3531C194.781 31.2208 195.138 32.8522 195.849 34.2489C196.565 35.6485 197.59 36.723 198.921 37.4695C200.253 38.216 201.791 38.5907 203.534 38.5907C206.315 38.5907 208.488 37.7771 210.045 36.1413C211.605 34.5099 212.385 32.2486 212.385 29.3532C212.385 27.4884 212.028 25.8599 211.313 24.472V24.472ZM229.631 37.4958C230.681 36.7639 231.489 35.6981 232.06 34.2985C232.626 32.8989 232.91 31.2529 232.91 29.3532C232.91 26.4708 232.306 24.2183 231.092 22.5956C229.881 20.9758 228.199 20.1652 226.058 20.1652C223.785 20.1652 222.069 21.0443 220.909 22.8041H220.681L219.984 20.4991H215.954V46.0947H220.909V38.8939C220.909 38.6592 220.823 37.8019 220.65 36.3177H220.909C222.123 37.8325 223.794 38.5907 225.928 38.5907C227.346 38.5907 228.581 38.2262 229.631 37.4957V37.4958ZM227.039 25.3555C227.586 26.2288 227.861 27.5409 227.861 29.2905C227.861 32.8741 226.752 34.6644 224.53 34.6644C223.275 34.6644 222.358 34.2489 221.779 33.4223C221.199 32.5985 220.909 31.2295 220.909 29.3225V28.7962C220.931 27.1021 221.225 25.8847 221.788 25.147C222.348 24.4107 223.243 24.0419 224.467 24.0419C225.635 24.0419 226.495 24.4822 227.039 25.3555L227.039 25.3555ZM246.757 24.5944C247.375 25.2447 247.694 26.169 247.713 27.3645H240.762C240.847 26.169 241.19 25.2447 241.787 24.5944C242.383 23.9398 243.205 23.6147 244.255 23.6147C245.305 23.6147 246.137 23.9398 246.757 24.5944H246.757ZM248.557 38.2816C249.545 38.0746 250.468 37.7582 251.335 37.3339V33.5841C250.275 34.0696 249.256 34.4254 248.282 34.6484C247.308 34.8715 246.274 34.9823 245.183 34.9823C243.775 34.9823 242.68 34.5974 241.901 33.8232C241.12 33.0476 240.703 31.9731 240.649 30.5953H252.36V28.2422C252.36 25.7171 251.645 23.743 250.215 22.3113C248.785 20.8811 246.79 20.1652 244.223 20.1652C241.538 20.1652 239.434 20.9758 237.913 22.6058C236.391 24.2314 235.631 26.535 235.631 29.5121C235.631 32.4061 236.453 34.6426 238.099 36.223C239.743 37.802 242.031 38.5907 244.955 38.5907C246.371 38.5907 247.574 38.4886 248.557 38.2816H248.557ZM270.908 38.2729V26.43C270.908 24.3087 270.259 22.7297 268.959 21.6917C267.663 20.6507 265.792 20.1302 263.357 20.1302C260.813 20.1302 258.494 20.6668 256.406 21.7384L258.045 25.0158C260.006 24.1542 261.711 23.727 263.161 23.727C265.046 23.727 265.989 24.628 265.989 26.43V27.2071L262.837 27.3033C260.121 27.3996 258.086 27.8938 256.738 28.7904C255.391 29.6841 254.717 31.075 254.717 32.9645C254.717 34.7636 255.218 36.1545 256.22 37.1299C257.22 38.1052 258.593 38.5907 260.335 38.5907C261.756 38.5907 262.904 38.3939 263.786 37.993C264.669 37.5979 265.527 36.8849 266.363 35.8571H266.492L267.451 38.2729H270.908L270.908 38.2729ZM265.989 31.4993C265.989 32.5709 265.643 33.4296 264.958 34.0769C264.269 34.7228 263.351 35.045 262.206 35.045C260.602 35.045 259.801 34.3612 259.801 32.9951C259.801 32.0416 260.152 31.3316 260.854 30.8651C261.56 30.3971 262.632 30.1434 264.072 30.0996L265.989 30.0384V31.4993H265.989ZM292.132 26.6837C292.132 24.5755 291.585 22.9616 290.49 21.8404C289.399 20.7222 287.796 20.1652 285.686 20.1652C284.448 20.1652 283.347 20.3854 282.379 20.8242C281.411 21.2645 280.649 21.9118 280.099 22.772H279.819L279.155 20.4991H275.372V38.2728H280.323V29.9115C280.323 27.8106 280.632 26.309 281.25 25.4021C281.867 24.4967 282.869 24.0419 284.254 24.0419C285.273 24.0419 286.015 24.3641 286.48 25.0056C286.944 25.6456 287.178 26.6093 287.178 27.8923V38.2728H292.132V26.6837V26.6837Z" fill="#FFFFFF"/>
+</svg>

package/theme/themes/eea/collections/breadcrumb.overrides

@@ -19,6 +19,7 @@
     overflow: hidden;
 
     /* Max breadcrumb length */
+    min-height: @breadcrumbItemMinHeight;
     max-width: @breadcrumbItemMaxWidth;
     padding: @mobileBreadcrumbPadding;
     text-overflow: ellipsis;

package/theme/themes/eea/collections/breadcrumb.variables

@@ -15,6 +15,7 @@
 @computerBreadcrumbPadding: 0 @10px;
 
 @breadcrumbItemMaxWidth: 220px;
+@breadcrumbItemMinHeight: @space-4;
 
 /* Icon */
 @breadcrumbImgWidth: @12px;

package/theme/themes/eea/collections/menu.overrides

@@ -2,8 +2,233 @@
          Theme Overrides
 *******************************/
 
-/* Pagination and Tabs */
-.ui.pagination.pointing.secondary {
+/*************/
+/* Pastanaga */
+/*************/
+
+.ui.menu .item.personal-bar {
+  position: fixed;
+  bottom: 68px;
+  width: 80px;
+}
+
+.ui.menu.left.fixed ~ .pusher {
+  margin-right: 80px;
+  transition: margin-right 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
+}
+
+.ui.menu.collapsed.left.fixed ~ .pusher {
+  margin-right: 20px;
+}
+
+.chevron-left-icon {
+  padding: 0.4em 0.2em !important;
+}
+
+.chevron-right-icon {
+  padding: 0.4em 0.2em !important;
+}
+
+.ui.vertical.icon.menu {
+  width: 80px;
+}
+
+.ui.vertical.icon.menu .item {
+  padding: 14px 20px;
+}
+
+.ui.menu .item.logo {
+  position: fixed;
+  bottom: 0;
+  width: 80px;
+}
+
+.ui.menu .item.logo > .image {
+  width: 64px;
+  height: 18px;
+  margin: 4px -14px 0;
+  background-repeat: no-repeat;
+  background-size: 64px 18px;
+  transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045),
+    margin 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
+}
+
+.ui.menu.collapsed .item.logo > .image {
+  width: 10px;
+  margin: 4px -14px 0 45px;
+}
+
+.ui.menu .trigger {
+  position: absolute;
+  top: 50%;
+  left: 60px;
+  width: 20px;
+  height: 80px;
+  padding: 0;
+  margin-top: -40px;
+  background: transparent;
+  border-radius: 0;
+  opacity: 0.3;
+  transition: opacity 0.3s;
+}
+
+.ui.menu .trigger:before {
+  position: relative;
+  left: 8px;
+  display: block;
+  width: 4px;
+  height: 100%;
+  background: @blue;
+  content: '';
+}
+
+.ui.menu.collapsed .trigger {
+  opacity: 1;
+}
+
+.ui[class*='left fixed'].menu {
+  transition: left 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
+}
+
+.ui[class*='left fixed'].menu.collapsed {
+  left: -60px;
+}
+
+.ui.grid > .row > .logo.column {
+  padding-bottom: 0 !important;
+}
+
+.ui.grid > .row > .tools.column {
+  margin-top: 0.6em;
+}
+
+.ui.grid > .row > .search.column {
+  padding-left: 0;
+  margin-top: 0.4em;
+}
+
+.ui.grid > .row > .tools.column .ui.list {
+  @media only screen and (max-width: (@largestMobileScreen)) {
+    float: none;
+    font-size: 1em;
+  }
+}
+
+.navigation,
+.tools {
+  .ui.secondary.pointing.menu {
+    border: 0;
+    margin: 0 0 0 40px;
+
+    @media only screen and (max-width: @largestTabletScreen) {
+      margin-bottom: 20px;
+      margin-left: 0;
+    }
+
+    .item {
+      padding-top: @relativeBig;
+      margin: 0;
+      text-transform: @secondaryPointingItemTextTransform;
+
+      @media only screen and (min-width: @largestTabletScreen) {
+        padding: 1.7em 0 @relativeBig;
+        margin: 0 unit(@relativeLarge * 2, em) 0 0;
+      }
+    }
+  }
+}
+
+.tools {
+  .ui.secondary.pointing.menu {
+    margin: 0 @relativeMini 0 0;
+
+    .item {
+      // padding-top: @relativeMini;
+      // padding-bottom: 0;
+      padding: @relativeSmall 0 @relativeMini;
+      margin: 0 @relativeMini 0 0;
+      text-transform: none;
+      @media only screen and (min-width: @largestTabletScreen) {
+        padding: 1.7em 0 @relativeBig;
+      }
+    }
+  }
+}
+
+//
+// WARNING: Uncommenting the following code will break the sidebar tabs in Volto
+//
+// See https://github.com/eea/volto-eea-design-system/pull/162#issuecomment-1135949927
+//
+// .ui.secondary.attached.pointing.menu {
+//   .item {
+//     padding: 1.4em 1em;
+//     color: @blue;
+//     font-size: @large;
+//   }
+
+//   .active.item {
+//     border-color: @teal;
+//     color: @black;
+//   }
+// }
+
+@media only screen and (max-width: 767px) {
+  .ui.menu.stackable > .menu,
+  .ui.menu.stackable > .menu.right {
+    display: block;
+  }
+}
+
+/* Pagination */
+.pagination-wrapper {
+  text-align: center;
+}
+
+.ui.pagination.menu {
+  border: none;
+  box-shadow: none;
+
+  .item {
+    color: @linkColor;
+
+    &:before {
+      display: none;
+    }
+  }
+
+  .active.item {
+    background: none;
+    color: @textColor;
+  }
+}
+
+
+/*************/
+/* EEA Theme */
+/*************/
+
+/***********
+ Pagination
+***********/
+
+/*
+.ui.pagination.menu {
+  border: none;
+  box-shadow: none;
+
+  a.item {
+
+    &.active {
+      background: none;
+    }
+
+    &::before {
+      display: none;
+    }
+  }
+}
+.ui.pagination.pointing.secondary, .ui.pagination {
   display: flex;
   width: @paginationWidth;
   justify-content: start;
@@ -12,14 +237,16 @@
     justify-content: center;
   }
 }
-
 .ui.pagination.pointing.secondary.menu .item {
   justify-content: center;
   padding: @squareTiny;
   font-size: @paginationFontSize;
+  color: @itemTextColor;
 }
+*/
 
 /* Pagination active item custom border design */
+/*
 .ui.pagination.pointing.secondary.menu .active.item {
   padding: (@tinyGap - @1px) @tinyGap;
   border-bottom: @secondaryPointingActiveBorderWidth solid @secondaryColor;
@@ -30,21 +257,28 @@
     color: @secondaryPointingActiveTextColor;
   }
 }
+*/
 
 /* Hover item pagination */
+/*
 .ui.pagination.pointing.secondary.menu .item:hover {
   padding: (@tinyGap - @1px) @tinyGap;
   border-bottom: @secondaryPointingActiveBorderWidth solid @secondaryColor;
   margin-bottom: -@secondaryPointingctiveItemMarginBottom;
   color: @paginationColor;
 }
+*/
 
 /* Hover ellipsis item pagination */
-.ui.pagination.pointing.secondary.menu .item[type='ellipsisItem']:hover {
-  padding: @squareTiny;
-  border-bottom: none; // Not clickable so no border
-  margin: 0.031rem 0; // Adjust to no border
+/*
+.ui.pagination.pointing.secondary.menu a.item[type='ellipsisItem']:hover {
+  border-bottom: @secondaryPointingActiveBorderWidth solid transparent;
 }
+*/
+
+/***********
+    Tabs
+***********/
 
 /* Tab active item custom border design */
 .ui.secondary.pointing.menu:not(.vertical):not(.pagination) .active.item,
@@ -82,3 +316,9 @@
   border-top: 1px solid @midGray;
   content: ' ';
 }
+
+// edit page, normalize font size of tab headers from the sidebar
+.section-edit .ui.pointing.secondary.menu .item,
+.tabs-wrapper .ui.pointing.secondary.menu .item {
+  font-size: 1.25rem;
+}