Move padding on large and medium sized cards from .savage-card-body to .savage-card-body-inner (#63)

* Move padding to `.savage-card-body-inner` to solve overflow issue in IE

* Compile css

* Add PR link in changelog

Author: Petter Walbø Johnsgård

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.4.0
+### Breaking Change
+- Moved padding on large and medium sized cards from `.savage-card-body` to `.savage-card-body-inner`. This solves an issue in IE where the text got outside of the grid. [#63](https://github.com/DekodeInteraktiv/hogan-grid/pull/63)
+
 ## 1.3.1
 - Add filters for grid and item class names. [#61](https://github.com/DekodeInteraktiv/hogan-grid/pull/61)
 

assets/hogan-grid.css

@@ -4,7 +4,7 @@
  * Plugin URI: https://github.com/dekodeinteraktiv/hogan-grid
  * GitHub Plugin URI: https://github.com/dekodeinteraktiv/hogan-grid
  * Description: Card Grid Module for Hogan
- * Version: 1.3.1
+ * Version: 1.4.0
  * Author: Dekode
  * Author URI: https://dekode.no
  * License: GPL-3.0-or-later
@@ -24,7 +24,7 @@
 	exit; // Exit if accessed directly.
 }
 
-define( 'HOGAN_GRID_VERSION', '1.2.1' );
+define( 'HOGAN_GRID_VERSION', '1.4.0' );
 
 add_action( 'plugins_loaded', __NAMESPACE__ . '\\hogan_grid_load_textdomain' );
 add_action( 'hogan/include_modules', __NAMESPACE__ . '\\hogan_grid_register_module', 10, 1 );

hogan-grid.php

@@ -264,6 +264,10 @@
 	}
 
 	.hogan-grid .hogan-grid-item-size-large .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid .hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 60px;
 	}
 
@@ -335,6 +339,10 @@
 	}
 
 	.hogan-grid-item-size-medium .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid-item-size-medium .savage-card-body-inner {
 		padding: 0 40px;
 	}
 
@@ -398,6 +406,10 @@
 	}
 
 	.hogan-grid .hogan-grid-item-size-large .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid .hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 80px;
 	}
 
@@ -450,6 +462,10 @@
 	}
 
 	.hogan-grid .hogan-grid-item-size-large .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid .hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 120px;
 	}
 
@@ -487,6 +503,11 @@
 
 	.hogan-grid-item-size-medium .savage-card-body,
 	.hogan-grid-item-size-large .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid-item-size-medium .savage-card-body-inner,
+	.hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 60px;
 	}
 
@@ -565,12 +586,18 @@
 		}
 	}
 
-	.hogan-grid .hogan-grid-item-size-large .savage-card-body {
+	.hogan-grid .hogan-grid-item-size-large .savage-card-body,
+	.hogan-grid-item-size-medium .savage-card-body,
+	.hogan-grid-item-size-large .savage-card-body {
+		padding: 0;
+	}
+
+	.hogan-grid .hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 130px;
 	}
 
-	.hogan-grid-item-size-medium .savage-card-body,
-	.hogan-grid-item-size-large .savage-card-body {
+	.hogan-grid-item-size-medium .savage-card-body-inner,
+	.hogan-grid-item-size-large .savage-card-body-inner {
 		padding: 0 65px;
 	}