From 42e716b147dd64537a6ff43ca8d9d34a6efeecc9 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 14 Apr 2022 15:45:35 +0300
Subject: [PATCH] feat: introduce class for reset list (#233)

---
 packages/core/demo/index.html               | 24 ++++++++++-----------
 packages/core/styles/components/footer.pcss |  2 --
 packages/core/styles/utilities/misc.pcss    |  5 +++++
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/packages/core/demo/index.html b/packages/core/demo/index.html
index ae497c8e..858b9746 100644
--- a/packages/core/demo/index.html
+++ b/packages/core/demo/index.html
@@ -587,7 +587,7 @@ <h1>
                   <div class="row footer__links">
                     <div class="col col--3 footer__col">
                       <div class="footer__title">Docs</div>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">
                             Getting Started
@@ -603,7 +603,7 @@ <h1>
                     </div>
                     <div class="col col--3 footer__col">
                       <div class="footer__title">Community</div>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">Users</a>
                         </li>
@@ -621,7 +621,7 @@ <h1>
                     </div>
                     <div class="col col--3 footer__col">
                       <div class="footer__title">Social</div>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">GitHub</a>
                         </li>
@@ -635,7 +635,7 @@ <h1>
                     </div>
                     <div class="col col--3 footer__col">
                       <div class="footer__title">More</div>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">Tutorial</a>
                         </li>
@@ -683,7 +683,7 @@ <h1>
                   <div class="row footer__links">
                     <div class="col footer__col">
                       <h4 class="footer__title">Docs</h4>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">
                             Getting Started
@@ -699,7 +699,7 @@ <h4 class="footer__title">Docs</h4>
                     </div>
                     <div class="col footer__col">
                       <h4 class="footer__title">Community</h4>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">Users</a>
                         </li>
@@ -717,7 +717,7 @@ <h4 class="footer__title">Community</h4>
                     </div>
                     <div class="col footer__col">
                       <h4 class="footer__title">Social</h4>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">GitHub</a>
                         </li>
@@ -731,7 +731,7 @@ <h4 class="footer__title">Social</h4>
                     </div>
                     <div class="col footer__col">
                       <h4 class="footer__title">More</h4>
-                      <ul class="footer__items">
+                      <ul class="footer__items clean-list">
                         <li class="footer__item">
                           <a class="footer__link-item" href="#url">Tutorial</a>
                         </li>
@@ -2942,7 +2942,7 @@ <h1>
         <div class="row footer__links">
           <div class="col footer__col">
             <h4 class="footer__title">Docs</h4>
-            <ul class="footer__items">
+            <ul class="footer__items clean-list">
               <li class="footer__item">
                 <a class="footer__link-item" href="#url">Getting Started</a>
               </li>
@@ -2956,7 +2956,7 @@ <h4 class="footer__title">Docs</h4>
           </div>
           <div class="col footer__col">
             <h4 class="footer__title">Community</h4>
-            <ul class="footer__items">
+            <ul class="footer__items clean-list">
               <li class="footer__item">
                 <a class="footer__link-item" href="#url">Users</a>
               </li>
@@ -2970,7 +2970,7 @@ <h4 class="footer__title">Community</h4>
           </div>
           <div class="col footer__col">
             <h4 class="footer__title">Social</h4>
-            <ul class="footer__items">
+            <ul class="footer__items clean-list">
               <li class="footer__item">
                 <a class="footer__link-item" href="#url">GitHub</a>
               </li>
@@ -2984,7 +2984,7 @@ <h4 class="footer__title">Social</h4>
           </div>
           <div class="col footer__col">
             <h4 class="footer__title">More</h4>
-            <ul class="footer__items">
+            <ul class="footer__items clean-list">
               <li class="footer__item">
                 <a class="footer__link-item" href="#url">Tutorial</a>
               </li>
diff --git a/packages/core/styles/components/footer.pcss b/packages/core/styles/components/footer.pcss
index e4960651..cb30bc43 100644
--- a/packages/core/styles/components/footer.pcss
+++ b/packages/core/styles/components/footer.pcss
@@ -67,9 +67,7 @@
   }
 
   &__items {
-    list-style: none;
     margin-bottom: 0;
-    padding-left: 0;
   }
 
   @media (--ifm-narrow-window) {
diff --git a/packages/core/styles/utilities/misc.pcss b/packages/core/styles/utilities/misc.pcss
index 1763d348..26f4ce04 100644
--- a/packages/core/styles/utilities/misc.pcss
+++ b/packages/core/styles/utilities/misc.pcss
@@ -13,3 +13,8 @@
   font-family: inherit;
   padding: 0;
 }
+
+.clean-list {
+  list-style: none;
+  padding-left: 0;
+}