Updated identity interface

10 files changed, 83 insertions, 2 deletions

diff --git a/src/scss/components/_button.scss b/src/scss/components/_button.scss
index 5bd66d9..a16d5e4 100644
--- a/src/scss/components/_button.scss
+++ b/src/scss/components/_button.scss
@@ -33,6 +33,17 @@ $button-outline-color-hover: darken( $color-blue, 10% );
   background-color: $button-outline-bgcolor;
 }
 
+.c-button--disabled {
+  padding: $button-outline-padding;
+  color: $color-grey;
+  border: 1px solid $color-grey;
+  background-color: $button-outline-bgcolor;
+}
+
+.c-button--disabled:hover {
+  background-color: $button-outline-bgcolor;
+}
+
 .c-button--outline:hover {
   color: #1893E0;
   border-color: $button-outline-color-hover;
diff --git a/src/scss/components/_card.scss b/src/scss/components/_card.scss
index 2370918..43480d1 100644
--- a/src/scss/components/_card.scss
+++ b/src/scss/components/_card.scss
@@ -5,4 +5,8 @@
   box-shadow: 0 1px 2px 0 rgba(28,45,157,0.28);
 }
 
+.c-card--no-padding {
+  padding: 0;
+}
+
 .c-card--light { background: rgba($color-white, 0.5)}
diff --git a/src/scss/components/_error.scss b/src/scss/components/_error.scss
new file mode 100644
index 0000000..eaf6e51
--- /dev/null
+++ b/src/scss/components/_error.scss
@@ -0,0 +1,9 @@
+$error-bgcolor: #f79191;
+$error-color: #9e0c0c;
+
+.c-error {
+  padding: $baseline-x3;
+  color: $error-color;
+  background-color: $error-bgcolor;
+  border-radius: 2px;
+}
diff --git a/src/scss/components/_input.scss b/src/scss/components/_input.scss
new file mode 100644
index 0000000..e2d7338
--- /dev/null
+++ b/src/scss/components/_input.scss
@@ -0,0 +1,29 @@
+$input-padding : $baseline-x2 $baseline-x2;
+$button-bgcolor : $color-blue;
+$button-bgcolor-hover : darken($color-blue, 10%);
+$button-color : $color-white;
+$input-bgcolor : darken($color-white, 5%);
+$button-radius : 3px;
+
+$button-outline-padding : ( $baseline-x2 - 2 )( $baseline-x3 - 2 );
+$button-outline-bgcolor: transparent;
+$button-outline-color: $color-blue;
+$button-outline-color-hover: darken( $color-blue, 10% );
+
+.c-input {
+  padding: $input-padding;
+  display: inline-block;
+  font: inherit;
+  white-space: nowrap;
+  vertical-align: middle;
+  text-decoration: none;
+  background-color: $color-grey-light;
+  color: $color-black;
+  border-style: none;
+  border-color: grey;
+  border-radius: $button-radius;
+}
+
+.c-input:focus {
+  box-shadow: 0 0 2px 2px $button-bgcolor-hover;
+}
diff --git a/src/scss/components/_link.scss b/src/scss/components/_link.scss
index ec9fa4e..a51e9ed 100644
--- a/src/scss/components/_link.scss
+++ b/src/scss/components/_link.scss
@@ -2,6 +2,7 @@
   text-decoration: none;
   color: $color-white;
   font-weight: bold;
+  cursor: pointer;
 }
 
 .c-link:hover {
diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss
new file mode 100644
index 0000000..ce5e3fb
--- /dev/null
+++ b/src/scss/components/_table.scss
@@ -0,0 +1,20 @@
+.c-table {
+  border-collapse: collapse;
+}
+
+.c-table td, th {
+  border: 1px solid #ddd;
+  padding: $baseline;
+}
+
+.c-table tr:nth-child(even){background-color: $color-grey-light;}
+
+.c-table tr:hover {background-color: #ddd;}
+
+.c-table th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: left;
+    background-color: $color-purple;
+    color: white;
+}
diff --git a/src/scss/components/_user.scss b/src/scss/components/_user.scss
new file mode 100644
index 0000000..c7a2fb7
--- /dev/null
+++ b/src/scss/components/_user.scss
@@ -0,0 +1,6 @@
+.c-user {
+  padding: $baseline-x2;
+  background: rgba($color-white, 0.8);
+  border-radius: 2px;
+  box-shadow: 0 1px 2px 0 rgba(28,45,157,0.28);
+}
diff --git a/src/scss/objects/_container.scss b/src/scss/objects/_container.scss
index 24d02c4..37e634d 100644
--- a/src/scss/objects/_container.scss
+++ b/src/scss/objects/_container.scss
@@ -41,7 +41,7 @@ $iota-objs-container-gutter-extra: (
  * Type: String / Map
  */
 
-$iota-objs-container-size-default: 1000px;
+$iota-objs-container-size-default: 1600px;
 
 
 /**
diff --git a/src/scss/settings/_core.scss b/src/scss/settings/_core.scss
index 3959f7d..f034f1a 100644
--- a/src/scss/settings/_core.scss
+++ b/src/scss/settings/_core.scss
@@ -7,7 +7,7 @@
  * Type: Unitless Number / List
  */
 
-$iota-global-columns: 2, 3, 6, 12;
+$iota-global-columns: 2, 3, 4, 6, 12;
 
 
 /**
diff --git a/src/scss/settings/_spacing.scss b/src/scss/settings/_spacing.scss
index 76a173d..bd14ac4 100644
--- a/src/scss/settings/_spacing.scss
+++ b/src/scss/settings/_spacing.scss
@@ -1,6 +1,7 @@
 $spacing-default: $baseline;
 
 $spacing-extra: (
+  -x1 : $baseline,
   -x2 : $baseline-x2,
   -x3 : $baseline-x3,
   -x4 : $baseline-x4,