minor: startinblox-feature-requests#9

src/styles/communities/_index.scss

@@ -0,0 +1,82 @@
+.index-community {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+
+  >div {
+    min-height: 75%;
+    margin-top: 100px;
+    padding-bottom: 70px;
+
+    @media (max-width: 768px) {
+      margin: 0;
+      min-height: 100%;
+    }
+
+    .community-logo {
+      max-width: 100%;
+      height: 100px;
+      margin-top: 70px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .community-button {
+      height: 80px;
+      border-radius: 5px;
+    }
+
+    .community-button-flexed {
+      flex-basis: 33%;
+      flex-grow: 1;
+      flex-shrink: 1;
+    }
+
+    .community-button-flexed-large {
+      flex-basis: 66%;
+      flex-grow: 1;
+      flex-shrink: 1;
+    }
+
+    .community-flex-container {
+      display: flex;
+      flex-wrap: wrap;
+      text-align: center;
+      justify-content: center;
+      >div>solid-display {
+        display: contents;
+        >div>hubl-index-select-community {
+          display: contents;
+        }
+      }
+    }
+
+    .community-button-flex-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      >solid-display,
+      hubl-index-community-logo,
+      hubl-index-community-text {
+        display: contents;
+      }
+    }
+  }
+
+  solid-form-text-label,
+  hubl-input-type-password,
+  hubl-input-type-email {
+    color: #5D7393;
+  }
+
+  label {
+    text-align: left;
+  }
+
+  input[type="submit"] {
+    float: initial !important;
+  }
+}

src/styles/index.scss

@@ -42,6 +42,7 @@ solid-display>div {
 @import 'job-offers';
 @import 'chat';
 @import 'forms';
+@import 'communities';
 
 nav#main__menu {
   @media (min-width: 768.01px) {