mobile css setup

templates/auth/css/mobile.scss

@@ -0,0 +1,44 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+@import '../../reset';
+@import '../../vars';
+@import '../../components/inner-container';
+@import '../../components/main';
+
+body {
+  background-color: $backdrop;
+}
+
+.auth-inner-container {
+  @include inner-container;
+  display: block;
+  max-width: $auth-content-width-mobile;
+  margin: auto;
+  width: $auth-content-width-mobile;
+  position: static;
+  transform: translate(0, 0);
+}
+
+.auth__secondary-action__banner {
+  margin: 5px auto auto;
+  width: 90%;
+}
+
+.auth__logo {
+  width: 120px;
+}