Improve buy button styles.

Voog · Apr 5, 2017 · d59a976 · d59a976
1 parent b74dee2
commit d59a976
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 1 deletion.
diff --git a/sources/stylesheets/_buy-button.scss b/sources/stylesheets/_buy-button.scss
@@ -0,0 +1,25 @@
+// =============================================================================
+// Content area buy button
+// =============================================================================
+.content-formatted {
+  .edy-buy-button-container {
+    // sass-lint:disable class-name-format
+    .form_field {
+      padding-top: 15px;
+    }
+    // sass-lint:enable class-name-format
+  }
+
+  .edy-buy-button-variants {
+    // sass-lint:disable class-name-format
+    .form_field {
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+
+    .form_field_select {
+      width: initial;
+    }
+    // sass-lint:enable class-name-format
+  }
+}
diff --git a/sources/stylesheets/main.scss b/sources/stylesheets/main.scss
@@ -13,6 +13,7 @@
 // @import 'fonts';
 @import 'general';
 @import 'content-formatted';
+@import 'buy-button';
 @import 'menus';
 @import 'header';
 // @import 'topbar';

diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -403,6 +403,17 @@ span[style*="font-size"] {
   line-height: 1.7em;
 }
 
+.content-formatted .edy-buy-button-container .form_field {
+  padding-top: 15px;
+}
+.content-formatted .edy-buy-button-variants .form_field {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.content-formatted .edy-buy-button-variants .form_field_select {
+  width: initial;
+}
+
 /* MENUS */
 .menu-btn {
   display: none;

diff --git a/stylesheets/main.min.css b/stylesheets/main.min.css