Create firmware-card component
Create reusable firmware card component that will be
used in the updated firmware page:
https://ibm.invisionapp.com/share/4XNZ0JAMJ7B#/screens/319212821_4-8-D-1_Home
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I86e526c59ac5c2e2c011aed0ce4bc3d82db63b5e
diff --git a/app/configuration/styles/card.scss b/app/configuration/styles/card.scss
new file mode 100644
index 0000000..cec00a1
--- /dev/null
+++ b/app/configuration/styles/card.scss
@@ -0,0 +1,27 @@
+.card-component {
+ max-width: 600px;
+ min-width: 300px;
+ display: block;
+}
+
+.card__header {
+ background-color: $background-02;
+ padding: 1rem 1.5rem;
+ * {
+ margin: 0;
+ }
+}
+
+.card__header--success {
+ background-color: $notification-success--light;
+}
+
+.card__header--error {
+ background-color: $accent-04--02;
+}
+
+.card__body {
+ padding: 1rem 1.5rem;
+ border: 1px solid $border-color-01;
+ border-width: 0 1px 1px;
+}
\ No newline at end of file