Merge pull request #523 from ASCWebServices/canini-3

mobile style update

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -46,8 +46,7 @@
     padding-right: 15px;
 
     @media (max-width: 768px) {
-      padding-right: 0;
-      padding-left: 0;
+      padding: 0px;
     }
   }
 
@@ -57,8 +56,7 @@
     padding-left: 7.5px;
 
     @media (max-width: 768px) {
-      padding-right: 0;
-      padding-left: 0;
+      padding: 0px;
     }
   }
 
@@ -68,8 +66,7 @@
     padding-right: 10px;
 
     @media (max-width: 768px) {
-      padding-right: 0;
-      padding-left: 0;
+      padding: 0px;
     }
   }
 
@@ -79,8 +76,7 @@
     padding-right: 5px;
 
     @media (max-width: 768px) {
-      padding-right: 0;
-      padding-left: 0;
+      padding: 0px;
     }
   }
 
@@ -90,8 +86,7 @@
     padding-left: 15px;
 
     @media (max-width: 768px) {
-      padding-right: 0;
-      padding-left: 0;
+      padding: 0px;
     }
   }
 
@@ -99,6 +94,10 @@
     padding: 16px 0;
     padding-right: 0;
     padding-left: 0;
+
+    @media (max-width: 768px) {
+      padding: 0px;
+    }
   }
 
   .container {

web/themes/asc_bootstrap/css/style.css

@@ -8567,44 +8567,42 @@ article.news-story {
     padding-right: 15px; }
     @media (max-width: 768px) {
       .paragraph__column .col-l {
-        padding-right: 0;
-        padding-left: 0; } }
+        padding: 0px; } }
   .paragraph__column .col-m {
     padding: 16px 0;
     padding-right: 7.5px;
     padding-left: 7.5px; }
     @media (max-width: 768px) {
       .paragraph__column .col-m {
-        padding-right: 0;
-        padding-left: 0; } }
+        padding: 0px; } }
   .paragraph__column .col-ml {
     padding: 16px 0;
     padding-left: 5px;
     padding-right: 10px; }
     @media (max-width: 768px) {
       .paragraph__column .col-ml {
-        padding-right: 0;
-        padding-left: 0; } }
+        padding: 0px; } }
   .paragraph__column .col-mr {
     padding: 16px 0;
     padding-left: 10px;
     padding-right: 5px; }
     @media (max-width: 768px) {
       .paragraph__column .col-mr {
-        padding-right: 0;
-        padding-left: 0; } }
+        padding: 0px; } }
   .paragraph__column .col-r {
     padding: 16px 0;
     padding-right: 0;
     padding-left: 15px; }
     @media (max-width: 768px) {
       .paragraph__column .col-r {
-        padding-right: 0;
-        padding-left: 0; } }
+        padding: 0px; } }
   .paragraph__column .col-f {
     padding: 16px 0;
     padding-right: 0;
     padding-left: 0; }
+    @media (max-width: 768px) {
+      .paragraph__column .col-f {
+        padding: 0px; } }
   @media (max-width: 768px) {
     .paragraph__column .container {
       padding: 0; }