浏览代码

feat: add CTA shortcode style

George Cushen 4 年之前
父节点
当前提交
891f811312
共有 2 个文件被更改,包括 24 次插入0 次删除
  1. 23 0
      wowchemy/assets/scss/wowchemy/_shortcodes.scss
  2. 1 0
      wowchemy/assets/scss/wowchemy/wowchemy.scss

+ 23 - 0
wowchemy/assets/scss/wowchemy/_shortcodes.scss

@@ -0,0 +1,23 @@
+// CTA Shortcode
+
+.cta-group {
+  --button-group-margin: 0.75em;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  align-items: center;
+  justify-content: left;
+  margin-left: calc(-1 * var(--button-group-margin));
+  margin-right: calc(-1 * var(--button-group-margin));
+  padding: 0;
+}
+
+.cta-group-center {
+  justify-content: center;
+}
+
+.cta-group li {
+  margin-bottom: 1em;
+  margin-left: var(--button-group-margin);
+  margin-right: var(--button-group-margin);
+}

+ 1 - 0
wowchemy/assets/scss/wowchemy/wowchemy.scss

@@ -7,6 +7,7 @@
 
 @import "root";
 @import "callouts";
+@import "shortcodes";
 @import "icons";
 @import "footer";
 @import "nav";