Avoid generic CSS, prefer spacing utility classes

cetinajero · Jun 20, 2019 · b9bbe66 · b9bbe66
1 parent 77d3d22
commit b9bbe66
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 14 deletions.
diff --git a/_includes/components/info-cards/search-results.html b/_includes/components/info-cards/search-results.html
@@ -1,4 +1,4 @@
-<li id="${results[i].ref}" data-component="info-cards/search-results">
+<li id="${results[i].ref}" class="pb-4" data-component="info-cards/search-results">
 
   <div class="row">
 
@@ -18,7 +18,7 @@
         </div>
 
         <div class="line-clamp mb-1">
-          <a href="${item.url}" class="nav-link text-break p-0 text-success">
+          <a href="${item.url}" class="nav-link text-break py-1 px-0 text-success">
             <i class="fas fa-link fa-xs"></i>
             ${window.location.protocol}//${window.location.hostname}${item.url}
           </a>

diff --git a/_includes/components/login/progressive.html b/_includes/components/login/progressive.html
@@ -62,7 +62,7 @@ <h4 class="title">{{ site.data.i18n.components.login[site.lang].downloads.title
             </div>
           </div>
           {% for file in page.files %}
-            <div>
+            <div class="pb-2">
               <a class="btn btn-primary btn-sm" href="https://www.dropbox.com/s/{{ file.id }}/{{ file.filename }}{% if file.download %}{{ '?dl=1' }}{% endif %}" target="_blank">
                 <strong><i class="fas fa-download fa-lg" data-fa-transform="left-4"></i> {{ site.data.i18n.components.login[site.lang].download.title | default: 'Download'}}</strong>
               </a>

diff --git a/_includes/components/product-cards/progressive.html b/_includes/components/product-cards/progressive.html
@@ -1,4 +1,4 @@
-<div class="col-12 col-md-6 col-lg-4 col-xl-3 {{ doc.brand | downcase }} {{ doc.commercial | downcase }}" data-component="product-cards/progressive">
+<div class="col-12 col-md-6 col-lg-4 col-xl-3 pb-4 {{ doc.brand | downcase }} {{ doc.commercial | downcase }}" data-component="product-cards/progressive">
 
   <div class="p-2 m-0" style="border: 1px solid #eee; border-radius: 15px; -moz-border-radius: 15px;">
     <a {% if doc.menu-name or collection.products.detail or doc.menu-name %}{{ doc.url | prepend: 'href="' | append: '"' }}{% endif %}>

diff --git a/_includes/components/sliders/bootstrap.html b/_includes/components/sliders/bootstrap.html
@@ -1,4 +1,4 @@
-<h4>{{ carousel.i18n[site.lang] | default: carousel.title }}</h4>
+<h4 class="pt-4">{{ carousel.i18n[site.lang] | default: carousel.title }}</h4>
 <div id="{{ carousel.id }}BootstrapCarousel" class="carousel slide" data-ride="carousel">
 
   <div class="carousel-inner">

diff --git a/_includes/components/videos/youtube.html b/_includes/components/videos/youtube.html
@@ -8,6 +8,7 @@
           type="text/html"
           width="100%"
           height="350"
+          class="my-3"
           src="https://www.youtube.com/embed/{{ id }}?rel=0&modestbranding=1"
           frameborder="0"
           gesture="media"

diff --git a/_sass/components/product-cards/_basic.scss b/_sass/components/product-cards/_basic.scss
diff --git a/assets/css/main.min.scss b/assets/css/main.min.scss
@@ -72,7 +72,6 @@ $flag-icon-css-path: '../node_modules/flag-icon-css/flags';
 @import "components/navbars/bootstrap";
 @import "components/navbars/progressive";
 @import "components/product-cards/3d-space";
-@import "components/product-cards/basic";
 @import "components/product-cards/featured-product";
 @import "components/product-cards/product-details";
 @import "components/product-cards/product-generals";