SPRINT-18: fixed to dashboards, removed and moved around all the things

src/qqq/assets/theme/base/borders.ts

@@ -0,0 +1,75 @@
+/**
+=========================================================
+* Material Dashboard 2 PRO React TS - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
+
+Coded by www.creative-tim.com
+
+ =========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+*/
+
+/**
+ * The base border styles for the Material Dashboard 2 PRO React TSUI Dashboard PRO Material.
+ * You can add new border width, border color or border radius using this file.
+ * You can customized the borders value for the entire Material Dashboard 2 PRO React TSUI Dashboard PRO Material using thie file.
+ */
+
+// Material Dashboard 2 PRO React TS Base Styles
+import colors from "qqq/assets/theme/base/colors";
+
+// Material Dashboard 2 PRO React TS Helper Functions
+import pxToRem from "qqq/assets/theme/functions/pxToRem";
+
+const { grey } = colors;
+
+// types
+interface Types {
+  borderColor: string;
+  borderWidth: {
+    0: number;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+  };
+  borderRadius: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    section: string;
+  };
+}
+
+const borders: Types = {
+  borderColor: grey[300],
+
+  borderWidth: {
+    0: 0,
+    1: pxToRem(1),
+    2: pxToRem(2),
+    3: pxToRem(3),
+    4: pxToRem(4),
+    5: pxToRem(5),
+  },
+
+  borderRadius: {
+    xs: pxToRem(1.6),
+    sm: pxToRem(2),
+    md: pxToRem(6),
+    lg: pxToRem(8),
+    xl: pxToRem(12),
+    xxl: pxToRem(16),
+    section: pxToRem(160),
+  },
+};
+
+export default borders;