prvi

ZpcBulletinBoard/wwwroot/vendor/css/pages/authentication.scss

@@ -0,0 +1,59 @@
+@import '../_custom-variables/pages';
+
+$authentication-1-inner-max-width: 300px !default;
+$authentication-2-inner-max-width: 380px !default;
+$authentication-4-inner-max-width: 800px !default;
+
+.authentication-wrapper {
+  display: flex;
+  flex-basis: 100%;
+  min-height: 100vh;
+  width: 100%;
+
+  .authentication-inner {
+    width: 100%;
+  }
+
+  &.authentication-1,
+  &.authentication-2,
+  &.authentication-4 {
+    align-items: center;
+    justify-content: center;
+  }
+
+  &.authentication-1 .authentication-inner {
+    max-width: $authentication-1-inner-max-width;
+  }
+
+  &.authentication-2 .authentication-inner {
+    max-width: $authentication-2-inner-max-width;
+  }
+
+  &.authentication-3 {
+    align-items: stretch;
+    justify-content: stretch;
+
+    .authentication-inner {
+      display: flex;
+      align-items: stretch;
+      flex-wrap: nowrap;
+      justify-content: stretch;
+    }
+  }
+
+  &.authentication-4 .authentication-inner {
+    max-width: $authentication-4-inner-max-width;
+  }
+}
+
+// IE 10-11 fix
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .authentication-wrapper:after {
+    content: '';
+    display: block;
+    flex: 0 0 0%;
+    min-height: inherit;
+    width: 0;
+    font-size: 0;
+  }
+}