box-sizing: border-box;
padding-left: $global-gutter !important;
padding-right: $global-gutter !important;
+
+ .column,
+ .columns {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
}
//If it's collapsed make it so.
text-align: center;
}
}
+
+.block-grid p {
+ background: dodgerblue;
+ text-align: center;
+}
+
+.feature-list {
+
+ .feature-list-item {
+ border-top: 1px solid $light-gray;
+ td, th {
+ padding: 10px 0 10px 0;
+ }
+ }
+
+ table.feature-list-image {
+ @media only screen and (max-width: #{$global-breakpoint}) {
+ display: none !important;
+ }
+ }
+
+ .feature-list-item-info {
+ font-size: 14px;
+ line-height: 21px;
+ text-transform: uppercase;
+ color: $medium-gray;
+ Margin-bottom: 0;
+ }
+
+ .feature-list-item-header {
+ font-size: 20px;
+ line-height: 30px;
+ Margin-bottom: 5px;
+
+ a {
+ color: $black;
+ }
+ }
+}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" type="text/css" href="css/app.css">
- <!-- inject:css -->
- <!-- endinject -->
</head>
<body>
+<!-- inject:css -->
+ <!-- endinject -->
<table class="body" data-made-with-foundation>
<tr>
<td class="center" align="center" valign="top">