Merge pull request #21 from alphagov/padding-helpers

Create padding helpers
alphagov · Jun 9, 2014 · 41ed31b · 41ed31b
2 parents 2cf9b10 + f6092be
commit 41ed31b
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/app/assets/stylesheets/govuk_admin_template/base.css.scss b/app/assets/stylesheets/govuk_admin_template/base.css.scss
@@ -105,14 +105,26 @@ a.inherit:visited,
 /* Padding helpers
    ========================================================================== */
 
+.add-vertical-padding {
+  @include add-vertical-padding('!important');
+}
+
 .remove-padding {
   padding: 0 !important;
 }
 
+.add-top-padding {
+  @include add-top-padding('!important');
+}
+
 .remove-top-padding {
   padding-top: 0 !important;
 }
 
+.add-bottom-padding {
+  @include add-bottom-padding('!important');
+}
+
 .remove-bottom-padding {
   padding-bottom: 0 !important;
 }
@@ -328,11 +340,6 @@ a.list-group-item {
   font-weight: bold;
 }
 
-.list-group-item {
-  padding-top:    $default-vertical-margin;
-  padding-bottom: $default-vertical-margin;
-}
-
 /* No content
    ========================================================================== */
 

diff --git a/app/assets/stylesheets/govuk_admin_template/mixins.css.scss b/app/assets/stylesheets/govuk_admin_template/mixins.css.scss
@@ -31,6 +31,19 @@
   margin-bottom: $default-label-margin;
 }
 
+@mixin add-vertical-padding($important: "") {
+  @include add-top-padding($important);
+  @include add-bottom-padding($important);
+}
+
+@mixin add-top-padding($important: "") {
+  padding-top: $default-vertical-padding #{$important};
+}
+
+@mixin add-bottom-padding($important: "") {
+  padding-bottom: $default-vertical-padding #{$important};
+}
+
 @mixin box-sizing {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

diff --git a/app/assets/stylesheets/govuk_admin_template/theme.css.scss b/app/assets/stylesheets/govuk_admin_template/theme.css.scss
@@ -9,6 +9,7 @@ $font-family-gill-sans: "GillSans", "Gill Sans", "Helvetica Neue", Arial, sans-s
    ========================================================================== */
 
 $default-vertical-margin:   $line-height-computed;
+$default-vertical-padding:  $default-vertical-margin;
 $default-horizontal-margin: $grid-gutter-width / 3;
 
 // Simulate bootstrap labels spacing (no built-in variable for this)