Remove default mobile padding on nospace split component

mozilla · May 9, 2023 · c5e3fb2 · c5e3fb2
1 parent 5568a2e
commit c5e3fb2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,7 +1,7 @@
 # HEAD
 
 ## Features
-
+* **css:** Remove default mobile padding on nospace split component
 * **js:** Protocol JS components are now written using modern JS and published as ES5/UMD format (#255).
 * **js:** Removed pre-minified JS files from the published package. Consuming sites should handle their own minification.
 * **css:** Removed pre-minified CSS files from the published package Consuming sites should handle their own minification.

diff --git a/assets/sass/protocol/components/_split.scss b/assets/sass/protocol/components/_split.scss
@@ -122,6 +122,14 @@
     }
 }
 
+// Issue 779 - Remove default mobile padding on nospace split component
+@media screen and (max-width: $screen-md) {
+    .mzp-t-split-nospace {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+}
+
 // * -------------------------------------------------------------------------- */
 // side by side layout, float based fall back