Adding card

Author: vmarcosp

.bsb.lock

@@ -1 +1 @@
-19168
+28779

src/components/Button/Button.res

@@ -1,9 +1,5 @@
 open CssJs
 
-  style(.[
-  display(#flexx)
-])
-
 let button = (~block) =>
   style(.[
     background(Theme.Colors.blue->hex),

src/components/Card/Card.bs.js

@@ -0,0 +1,12 @@
+open CssJs
+
+let card = style(.[
+  //
+  background(Theme.Colors.lightBlue1->hex),
+  borderRadius(Theme.Radius.small),
+])
+
+@react.component
+let make = () => {
+  <div />
+}

src/components/Card/Card.res

@@ -14,7 +14,7 @@ module Styles = {
   let input = style(.[
     height(5.6->rem),
     width(100.0->pct),
-    background(`E2EAFF`->hex),
+    background(Theme.Colors.lightBlue1->hex),
     fontFamily(Theme.fontFamily),
     fontSize(2.0->rem),
     borderStyle(none),

src/components/Input/Input.bs.js

@@ -4,6 +4,7 @@ module Colors = {
   let gray1 = "A6AABE"
   let gray2 = "AEB3C9"
   let black = "14103D"
+  let lightBlue1 = "E2EAFF"
 }
 
 module Radius = {
@@ -14,4 +15,10 @@ module Radius = {
   let large = 16->px
 }
 
+module Spacing = {
+  open CssJs
+
+  let xs = 0.8->rem
+}
+
 let fontFamily = #custom("'DM Sans', sans-serif")