changes padding-bottom ToC

polyfen · Mar 26, 2024 · ac68ec9 · ac68ec9
1 parent 2c8e75c
commit ac68ec9
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 5 deletions.
diff --git a/app/styles.css b/app/styles.css
@@ -286,6 +286,11 @@ h2.title-2 {
     opacity: 0.4;
 }
 
+/* espacio al final de las tablas de contenido */
+ul.toc {
+    padding-bottom: 80px;
+}
+
 /*///////////Media queries///////////*/
 
 @media (min-width: 768px) {

diff --git a/app/sub-styles.css b/app/sub-styles.css
@@ -285,4 +285,9 @@ a:not(:has(img))::before {
     transform: scaleX(0);
     transition: transform .3s ease-in-out;
 }
-/* family-of-brands component */
+/* family-of-brands component */
+
+/* espacio al final de las tablas de contenido */
+ul.toc {
+    padding-bottom: 80px;
+}
diff --git a/brand/index.php b/brand/index.php
@@ -16,7 +16,7 @@
             <img class="plfn-logo" src="imgs/the-polyfen-group-logo.svg" alt="The Polyfen Group" height="40px" width="auto">
         </a>
         <h2 class="caption">Brand Guidelines</h2>
-            <ul>
+            <ul class="toc">
                 <li><a href="#download-assets" class="caption">1. Download assets</a></li>
                 <li><a href="#market-research" class="caption">2. Market research</a></li>
                 <ul>

diff --git a/business/index.php b/business/index.php
@@ -18,7 +18,7 @@
     </a>
         <h2 class="caption">Business Plan</h2>
 
-        <ul>
+        <ul class="toc">
             <li><a href="#overview" class="caption">1. Overview</a></li>
             <li><a href="#purpose" class="caption">2. Purpose</a></li>
             <li><a href="#core-values" class="caption">3. Core Values</a></li>

diff --git a/privacy/index.php b/privacy/index.php
@@ -16,7 +16,7 @@
       <img class="plfn-logo" src="imgs/the-polyfen-group-logo.svg" alt="The Polyfen group" height="40px" width="auto">
     </a>
       <h2 class="caption">Privacy Policy</h2>
-      <ul>
+      <ul class="toc">
         <li><a href="#definitions-and-key-terms" class="caption">1. Definitions &amp; Key Terms</a></li>
         <li><a href="#information-we-collect" class="caption">2. Information We Collect</a></li>
         <li><a href="#how-we-use-your-information" class="caption">3. How We Use Your Information</a></li>

diff --git a/wiki/index.php b/wiki/index.php
@@ -17,7 +17,7 @@
         <img class="plfn-logo" src="imgs/the-polyfen-group-logo.svg" alt="The Polyfen group" height="40px" width="auto">
     </a>
         <h2 class="caption">Team Wiki</h2>
-        <ul>
+        <ul class="toc">
             <li><a href="#tech-stack" class="caption">1. Tech stack</a></li>
             <li><a href="#sprints" class="caption">2. Sprints</a></li>
             <li><a href="#retro" class="caption">3. Retro</a></li>