Browse Source

menu tweaks

master
rdrew 2 months ago
parent
commit
abcb70e178
  1. 9
      css/components/navigation/nav-primary-wide.css
  2. 4
      css/components/navigation/nav-primary.css

9
css/components/navigation/nav-primary-wide.css

@ -136,9 +136,12 @@
opacity: 0;
/* Intentionally not using CSS logical properties. */
border-top: solid var(--color--primary-50) var(--sp0-5);
border-right: solid 1px transparent; /* Transparent borders useful for Windows High Contrast mode. */
border-bottom: solid 1px transparent;
border-left: solid 1px transparent;
/*border-right: solid 1px transparent; [> Transparent borders useful for Windows High Contrast mode. <]*/
/*border-bottom: solid 1px transparent;*/
/*border-left: solid 1px transparent;*/
border-right: solid 1px #ccc; /* Transparent borders useful for Windows High Contrast mode. */
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
border-radius: 0 0 2px 2px;
background: var(--color--white);
box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08);

4
css/components/navigation/nav-primary.css

@ -206,8 +206,8 @@ html:not(.js) .primary-nav__menu--level-2 {
.primary-nav__menu-item:first-child span:before {
/*content: url("../../../images/magnifying-glass.svg");*/
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath fill='%232b353b' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
/*content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath fill='%232b353b' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");*/
/*fill:blue; */
margin-right:5px;
/*margin-right:5px;*/
}

Loading…
Cancel
Save