astro-accelerator 4.0.21 → 4.0.22

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/public/css/main.css +9 -3
  3. package/public/js/search.js +1 -1
  4. package/src/themes/accelerator/components/Search.astro +2 -5
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "4.0.21",
2
+ "version": "4.0.22",
3
3
  "author": "Steve Fenton",
4
4
  "name": "astro-accelerator",
5
5
  "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
package/public/css/main.css CHANGED
@@ -325,7 +325,12 @@ nav.skip-links a:focus {
325
325
  }
326
326
 
327
327
  .site-header .navigation-icon {
328
+ --icon-width: 40px;
328
329
  stroke: var(--link-head);
330
+ border: 1px solid var(--link-head);
331
+ border-radius: calc(var(--icon-width) / 2);
332
+ width: var(--icon-width);
333
+ height: var(--icon-width);
329
334
  }
330
335
 
331
336
  .site-header .search-icon {
@@ -640,7 +645,7 @@ nav.site-nav h2 {
640
645
  .site-search {
641
646
  height: var(--search-height);
642
647
  border-radius: var(--search-border-radius);
643
- border: var(--search-border);
648
+ border: 1px solid var(--link-head);
644
649
  background-color: var(--white);
645
650
  position: relative;
646
651
  z-index: 1;
@@ -859,14 +864,15 @@ nav.site-nav h2 {
859
864
  }
860
865
 
861
866
  .site-header .site-search__mobile {
862
- --search-mobile-size: 3rem;
867
+ --search-mobile-size: 40px;
863
868
  display: flex;
864
869
  width: var(--search-mobile-size);
865
870
  height: var(--search-mobile-size);
871
+ border: 1px solid var(--link-head);
866
872
  border-radius: calc(var(--search-mobile-size) / 2);
867
873
  justify-content: center;
868
874
  align-items: center;
869
- border: var(--search-border);
875
+ fill: var(--link-head);
870
876
  }
871
877
  }
872
878
 
package/public/js/search.js CHANGED
@@ -476,7 +476,7 @@ function initializeSearch() {
476
476
  const svgIcon = document.createElement('span');
477
477
  svgIcon.className = 'result-path__icon';
478
478
  svgIcon.innerHTML = `
479
- <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none">
479
+ <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10">
480
480
  <path d="M1 9L5 5L1 1" stroke="#7C98B4" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
481
481
  </svg>
482
482
  `;
package/src/themes/accelerator/components/Search.astro CHANGED
@@ -47,11 +47,10 @@ const searchUrl =
47
47
  width="20"
48
48
  height="19"
49
49
  viewBox="0 0 20 19"
50
- fill="none"
51
50
  >
52
51
  <path
53
52
  d="M19.0524 16.4267L15.3727 12.7273C15.2067 12.5603 14.9815 12.4675 14.7453 12.4675H14.1437C15.1624 11.1577 15.7676 9.5102 15.7676 7.718C15.7676 3.45455 12.3316 0 8.09097 0C3.85035 0 0.414307 3.45455 0.414307 7.718C0.414307 11.9814 3.85035 15.436 8.09097 15.436C9.87358 15.436 11.5123 14.8275 12.8151 13.8033V14.4082C12.8151 14.6456 12.9073 14.872 13.0734 15.039L16.7531 18.7384C17.1 19.0872 17.661 19.0872 18.0042 18.7384L19.0487 17.6883C19.3956 17.3395 19.3956 16.7755 19.0524 16.4267ZM8.09097 12.4675C5.48164 12.4675 3.36687 10.3451 3.36687 7.718C3.36687 5.09462 5.47795 2.96846 8.09097 2.96846C10.7003 2.96846 12.8151 5.09091 12.8151 7.718C12.8151 10.3414 10.704 12.4675 8.09097 12.4675Z"
54
- fill="#274B66"></path>
53
+ ></path>
55
54
  </svg>
56
55
  <input
57
56
  type="text"
@@ -72,7 +71,6 @@ const searchUrl =
72
71
  width="11"
73
72
  height="11"
74
73
  viewBox="0 0 11 11"
75
- fill="none"
76
74
  >
77
75
  <path
78
76
  d="M7.585 5.5L10.7122 2.37281C11.0959 1.98906 11.0959 1.36687 10.7122 0.982812L10.0172 0.287813C9.63344 -0.0959375 9.01125 -0.0959375 8.62719 0.287813L5.5 3.415L2.37281 0.287813C1.98906 -0.0959375 1.36688 -0.0959375 0.982813 0.287813L0.287813 0.982812C-0.0959375 1.36656 -0.0959375 1.98875 0.287813 2.37281L3.415 5.5L0.287813 8.62719C-0.0959375 9.01094 -0.0959375 9.63312 0.287813 10.0172L0.982813 10.7122C1.36656 11.0959 1.98906 11.0959 2.37281 10.7122L5.5 7.585L8.62719 10.7122C9.01094 11.0959 9.63344 11.0959 10.0172 10.7122L10.7122 10.0172C11.0959 9.63344 11.0959 9.01125 10.7122 8.62719L7.585 5.5Z"
@@ -96,11 +94,10 @@ const searchUrl =
96
94
  width="20"
97
95
  height="19"
98
96
  viewBox="0 0 20 19"
99
- fill="none"
100
97
  >
101
98
  <path
102
99
  d="M19.0524 16.4267L15.3727 12.7273C15.2067 12.5603 14.9815 12.4675 14.7453 12.4675H14.1437C15.1624 11.1577 15.7676 9.5102 15.7676 7.718C15.7676 3.45455 12.3316 0 8.09097 0C3.85035 0 0.414307 3.45455 0.414307 7.718C0.414307 11.9814 3.85035 15.436 8.09097 15.436C9.87358 15.436 11.5123 14.8275 12.8151 13.8033V14.4082C12.8151 14.6456 12.9073 14.872 13.0734 15.039L16.7531 18.7384C17.1 19.0872 17.661 19.0872 18.0042 18.7384L19.0487 17.6883C19.3956 17.3395 19.3956 16.7755 19.0524 16.4267ZM8.09097 12.4675C5.48164 12.4675 3.36687 10.3451 3.36687 7.718C3.36687 5.09462 5.47795 2.96846 8.09097 2.96846C10.7003 2.96846 12.8151 5.09091 12.8151 7.718C12.8151 10.3414 10.704 12.4675 8.09097 12.4675Z"
103
- fill="#274B66"></path>
100
+ ></path>
104
101
  </svg>
105
102
  </a>
106
103
  </div>