Sticker Creator

2019-12-17 15:25:57 -05:00
parent 2df1ba6e61
commit 11d47a8eb9
123 changed files with 11287 additions and 1714 deletions
--- a/sticker-creator/elements/LabeledCheckbox.scss
+++ b/sticker-creator/elements/LabeledCheckbox.scss
@@ -0,0 +1,50 @@
+@import '../../stylesheets/variables';
+@import '../mixins';
+
+.base {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+
+.checkbox {
+  width: 18px;
+  height: 18px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: {
+    width: 2px;
+    style: solid;
+  }
+
+  @include light-theme() {
+    border-color: $color-gray-60;
+  }
+
+  @include dark-theme() {
+    border-color: $color-gray-25;
+  }
+}
+
+.checkbox-checked {
+  composes: checkbox;
+  border: none;
+  background-color: $color-signal-blue;
+  color: $color-white;
+}
+
+.label {
+  margin-left: 6px;
+  position: relative;
+  top: 1px;
+  user-select: none;
+}