Create styles for new app sticky action footer

2019-10-10 15:26:50 -04:00
parent 8e6a4101ff
commit 1560b73672
6 changed files with 39 additions and 14 deletions
--- a/styles/elements/_action_group.scss
+++ b/styles/elements/_action_group.scss
@@ -29,3 +29,24 @@
    }
  }
 }
+
+.action-group-footer {
+  @extend .action-group;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: $gap;
+  padding-bottom: $gap;
+
+  position: fixed;
+  bottom: $footer-height;
+  background: white;
+  right: 0;
+  padding-right: $gap * 4;
+  border-top: 1px solid $color-gray-light;
+  width: 100%;
+  z-index: 1;
+}