docs: add bluesky icon to footer (#19290)

Tanujkanti4441 · web-flow · commit e255cc98abef · 2024-12-31T22:55:47.000+05:30
* docs: add bluesky icon to footer

* fix  padding of social
diff --git a/docs/src/_data/sites/en.yml b/docs/src/_data/sites/en.yml
@@ -73,10 +73,11 @@ footer:
   secondary: Secondary
   social_icons:
     title: Social Media
-    twitter: Twitter
     chat: Discord
     github: GitHub
+    bluesky: Bluesky
     mastodon: Mastodon
+    twitter: Twitter
   theme_switcher:
     title: Theme Switcher
     light: Light
diff --git a/docs/src/_data/sites/zh-hans.yml b/docs/src/_data/sites/zh-hans.yml
@@ -71,9 +71,11 @@ footer:
   secondary: 次要
   social_icons:
     title: 社交媒体
-    twitter: Twitter
     chat: Discord
     github: GitHub
+    bluesky: Bluesky
+    mastodon: Mastodon
+    twitter: Twitter
   theme_switcher:
     title: 主题切换
     light: 浅色
diff --git a/docs/src/_includes/components/social-icons.html b/docs/src/_includes/components/social-icons.html
@@ -1,13 +1,6 @@
 <nav aria-labelledby="eslint-social-label" class="eslint-social-icons">
     <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
     <ul role="list">
-        <li>
-            <a href="{{ links.twitter }}" rel="noopener noreferrer" target="_blank">
-                <svg viewBox="0 0 512 512" height="25" width="25" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.twitter }}" fill="currentColor">
-                    <path fill="none" d="M0 0h24v24H0z"></path><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
-                </svg>
-            </a>
-        </li>
         <li>
             <a href="{{ links.github }}" rel="noopener noreferrer" target="_blank">
                 <svg width="25" height="24" viewBox="0 0 25 24" class="c-icon" role="img"
@@ -39,6 +32,13 @@ <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
 
             </a>
         </li>
+        <li>
+            <a href="{{ links.bluesky }}" rel="me noopener noreferrer" target="_blank">
+                <svg width="24" height="24" viewBox="0 0 64 57" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.bluesky }}">
+                    <path fill="currentColor" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z" />
+                </svg>
+            </a>
+        </li>
         <li>
             <a href="{{ links.mastodon }}" rel="noopener noreferrer" target="_blank">
                 <svg width="24" height="25" viewBox="0 0 216.4144 232.00976" class="c-icon" role="img"  aria-label="{{ site.footer.social_icons.mastodon }}">
@@ -47,5 +47,12 @@ <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
                 </svg>
             </a>
         </li>
+        <li>
+            <a href="{{ links.twitter }}" rel="noopener noreferrer" target="_blank">
+                <svg viewBox="0 0 512 512" height="25" width="25" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.twitter }}" fill="currentColor">
+                    <path fill="none" d="M0 0h24v24H0z"></path><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
+                </svg>
+            </a>
+        </li>
     </ul>
 </nav>
diff --git a/docs/src/assets/scss/components/social-icons.scss b/docs/src/assets/scss/components/social-icons.scss
@@ -18,5 +18,9 @@
                 padding: 1rem .75rem;
             }
         }
+
+        @media screen and (min-width: 800px) and (max-width: 1500px) {
+            flex-wrap: wrap;
+        }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,5 +18,9 @@`
`18`	`18`	`padding: 1rem .75rem;`
`19`	`19`	`}`
`20`	`20`	`}`
	`21`	`+`
	`22`	`+ @media screen and (min-width: 800px) and (max-width: 1500px) {`
	`23`	`+ flex-wrap: wrap;`
	`24`	`+ }`
`21`	`25`	`}`
`22`	`26`	`}`