@festo-ui/web-essentials 7.2.0-dev.449 → 7.2.0-dev.454

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v7.2.0-dev.449 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v7.2.0-dev.454 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -14598,12 +14598,16 @@ header.fwe-fixed-header {
14598
14598
  }
14599
14599
 
14600
14600
  .fwe-breadcrumb {
14601
- white-space: nowrap;
14602
14601
  display: flex;
14602
+ flex-wrap: wrap;
14603
14603
  justify-items: center;
14604
14604
  align-items: center;
14605
14605
  }
14606
+ .fwe-breadcrumb .fwe-breadcrumb-item,
14606
14607
  .fwe-breadcrumb a {
14608
+ display: flex;
14609
+ align-items: center;
14610
+ min-height: 24px;
14607
14611
  color: var(--fwe-text);
14608
14612
  text-decoration: none;
14609
14613
  -webkit-user-select: none;
@@ -14611,29 +14615,33 @@ header.fwe-fixed-header {
14611
14615
  user-select: none;
14612
14616
  font-size: var(--fwe-font-size-md);
14613
14617
  line-height: calc(var(--fwe-font-size-md) + 2px);
14614
- position: relative;
14615
14618
  }
14619
+ .fwe-breadcrumb .fwe-breadcrumb-item:focus,
14616
14620
  .fwe-breadcrumb a:focus {
14617
14621
  outline: none;
14618
14622
  }
14623
+ .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child),
14619
14624
  .fwe-breadcrumb a:not(:last-child) {
14620
14625
  cursor: pointer;
14621
- margin-right: 24px;
14622
14626
  }
14627
+ .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):hover,
14623
14628
  .fwe-breadcrumb a:not(:last-child):hover {
14624
14629
  color: var(--fwe-hero);
14625
14630
  }
14631
+ .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):active,
14626
14632
  .fwe-breadcrumb a:not(:last-child):active {
14627
14633
  color: var(--fwe-hero-active);
14628
14634
  }
14635
+ .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child)::after,
14629
14636
  .fwe-breadcrumb a:not(:last-child)::after {
14630
- position: absolute;
14631
- right: -20px;
14632
14637
  content: "";
14638
+ margin-left: 4px;
14639
+ margin-right: 4px;
14633
14640
  height: 16px;
14634
14641
  width: 16px;
14635
14642
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0id2hpdGUgYmFja2dyb3VuZCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xMC43MDcgOC00LjM1MyA0LjM1NC0uNzA4LS43MDhMOS4yOTMgOCA1LjY0NiA0LjM1NGwuNzA4LS43MDhMMTAuNzA3IDh6Ii8+PC9zdmc+");
14636
14643
  }
14644
+ .fwe-breadcrumb .fwe-breadcrumb-item:last-child,
14637
14645
  .fwe-breadcrumb a:last-child {
14638
14646
  font-weight: bold;
14639
14647
  cursor: default;