studiokit-scaffolding-js 7.0.12-next.1.5 → 7.0.12-next.1.7

package/lib/components/Quill/TableModule/index.css

@@ -1,171 +1,171 @@
-.ql-snow .ql-editor .table-container {
-	margin-bottom: 1rem;
-}
-
-.ql-snow .ql-editor table {
-	border-collapse: collapse;
-	width: fit-content;
-
-	& td {
-		border: 1px solid black;
-		padding: 5px;
-		vertical-align: top;
-	}
-
-	& img {
-		max-width: fit-content;
-	}
-}
-
-.ql-table.dn {
-	display: none !important;
-}
-
-.ql-picker.ql-table {
-	font-size: 11px;
-	font-weight: normal;
-
-	& .ql-picker-label {
-		display: block;
-		width: 28px;
-		height: 24px;
-		padding: 1px 4px;
-
-		& svg {
-			position: static !important;
-			margin: 0 !important;
-		}
-	}
-
-	& .ql-picker-options {
-		width: 178px;
-	}
-
-	& .ql-picker-item {
-		display: block;
-		float: left;
-		width: 30px;
-		height: 30px;
-		line-height: 30px;
-		text-align: center;
-		padding: 0;
-		margin: 1px;
-		border: 1px solid #444;
-		color: #444;
-
-		&:nth-child(5)::after {
-			clear: both;
-			display: block;
-			content: "";
-			width: 100%;
-		}
-
-		&:hover {
-			background-color: var(--color-primary);
-
-			&::before {
-				color: var(--color-white);
-			}
-		}
-	}
-}
-
-.ql-picker-item[data-value="newtable_1_1"]::before {
-	content: "1x1";
-}
-
-.ql-picker-item[data-value="newtable_1_2"]::before {
-	content: "1x2";
-}
-
-.ql-picker-item[data-value="newtable_1_3"]::before {
-	content: "1x3";
-}
-
-.ql-picker-item[data-value="newtable_1_4"]::before {
-	content: "1x4";
-}
-
-.ql-picker-item[data-value="newtable_1_5"]::before {
-	content: "1x5";
-}
-
-.ql-picker-item[data-value="newtable_2_1"]::before {
-	content: "2x1";
-}
-
-.ql-picker-item[data-value="newtable_2_2"]::before {
-	content: "2x2";
-}
-
-.ql-picker-item[data-value="newtable_2_3"]::before {
-	content: "2x3";
-}
-
-.ql-picker-item[data-value="newtable_2_4"]::before {
-	content: "2x4";
-}
-
-.ql-picker-item[data-value="newtable_2_5"]::before {
-	content: "2x5";
-}
-
-.ql-picker-item[data-value="newtable_3_1"]::before {
-	content: "3x1";
-}
-
-.ql-picker-item[data-value="newtable_3_2"]::before {
-	content: "3x2";
-}
-
-.ql-picker-item[data-value="newtable_3_3"]::before {
-	content: "3x3";
-}
-
-.ql-picker-item[data-value="newtable_3_4"]::before {
-	content: "3x4";
-}
-
-.ql-picker-item[data-value="newtable_3_5"]::before {
-	content: "3x5";
-}
-
-.ql-picker-item[data-value="newtable_4_1"]::before {
-	content: "4x1";
-}
-
-.ql-picker-item[data-value="newtable_4_2"]::before {
-	content: "4x2";
-}
-
-.ql-picker-item[data-value="newtable_4_3"]::before {
-	content: "4x3";
-}
-
-.ql-picker-item[data-value="newtable_4_4"]::before {
-	content: "4x4";
-}
-
-.ql-picker-item[data-value="newtable_4_5"]::before {
-	content: "4x5";
-}
-
-.ql-picker-item[data-value="newtable_5_1"]::before {
-	content: "5x1";
-}
-
-.ql-picker-item[data-value="newtable_5_2"]::before {
-	content: "5x2";
-}
-
-.ql-picker-item[data-value="newtable_5_3"]::before {
-	content: "5x3";
-}
-
-.ql-picker-item[data-value="newtable_5_4"]::before {
-	content: "5x4";
-}
-
-.ql-picker-item[data-value="newtable_5_5"]::before {
-	content: "5x5";
-}
+.ql-snow .ql-editor .table-container {
+	margin-bottom: 1rem;
+}
+
+.ql-snow .ql-editor table {
+	border-collapse: collapse;
+	width: fit-content;
+
+	& td {
+		border: 1px solid black;
+		padding: 5px;
+		vertical-align: top;
+	}
+
+	& img {
+		max-width: fit-content;
+	}
+}
+
+.ql-table.dn {
+	display: none !important;
+}
+
+.ql-picker.ql-table {
+	font-size: 11px;
+	font-weight: normal;
+
+	& .ql-picker-label {
+		display: block;
+		width: 28px;
+		height: 24px;
+		padding: 1px 4px;
+
+		& svg {
+			position: static !important;
+			margin: 0 !important;
+		}
+	}
+
+	& .ql-picker-options {
+		width: 178px;
+	}
+
+	& .ql-picker-item {
+		display: block;
+		float: left;
+		width: 30px;
+		height: 30px;
+		line-height: 30px;
+		text-align: center;
+		padding: 0;
+		margin: 1px;
+		border: 1px solid #444;
+		color: #444;
+
+		&:nth-child(5)::after {
+			clear: both;
+			display: block;
+			content: "";
+			width: 100%;
+		}
+
+		&:hover {
+			background-color: var(--color-primary);
+
+			&::before {
+				color: var(--color-white);
+			}
+		}
+	}
+}
+
+.ql-picker-item[data-value="newtable_1_1"]::before {
+	content: "1x1";
+}
+
+.ql-picker-item[data-value="newtable_1_2"]::before {
+	content: "1x2";
+}
+
+.ql-picker-item[data-value="newtable_1_3"]::before {
+	content: "1x3";
+}
+
+.ql-picker-item[data-value="newtable_1_4"]::before {
+	content: "1x4";
+}
+
+.ql-picker-item[data-value="newtable_1_5"]::before {
+	content: "1x5";
+}
+
+.ql-picker-item[data-value="newtable_2_1"]::before {
+	content: "2x1";
+}
+
+.ql-picker-item[data-value="newtable_2_2"]::before {
+	content: "2x2";
+}
+
+.ql-picker-item[data-value="newtable_2_3"]::before {
+	content: "2x3";
+}
+
+.ql-picker-item[data-value="newtable_2_4"]::before {
+	content: "2x4";
+}
+
+.ql-picker-item[data-value="newtable_2_5"]::before {
+	content: "2x5";
+}
+
+.ql-picker-item[data-value="newtable_3_1"]::before {
+	content: "3x1";
+}
+
+.ql-picker-item[data-value="newtable_3_2"]::before {
+	content: "3x2";
+}
+
+.ql-picker-item[data-value="newtable_3_3"]::before {
+	content: "3x3";
+}
+
+.ql-picker-item[data-value="newtable_3_4"]::before {
+	content: "3x4";
+}
+
+.ql-picker-item[data-value="newtable_3_5"]::before {
+	content: "3x5";
+}
+
+.ql-picker-item[data-value="newtable_4_1"]::before {
+	content: "4x1";
+}
+
+.ql-picker-item[data-value="newtable_4_2"]::before {
+	content: "4x2";
+}
+
+.ql-picker-item[data-value="newtable_4_3"]::before {
+	content: "4x3";
+}
+
+.ql-picker-item[data-value="newtable_4_4"]::before {
+	content: "4x4";
+}
+
+.ql-picker-item[data-value="newtable_4_5"]::before {
+	content: "4x5";
+}
+
+.ql-picker-item[data-value="newtable_5_1"]::before {
+	content: "5x1";
+}
+
+.ql-picker-item[data-value="newtable_5_2"]::before {
+	content: "5x2";
+}
+
+.ql-picker-item[data-value="newtable_5_3"]::before {
+	content: "5x3";
+}
+
+.ql-picker-item[data-value="newtable_5_4"]::before {
+	content: "5x4";
+}
+
+.ql-picker-item[data-value="newtable_5_5"]::before {
+	content: "5x5";
+}

package/lib/css/base/_base.css

@@ -1,98 +1,98 @@
-/*
- * Base
- * -----------
- * Generic tags, .skip-main link, and .main-content
- */
-
-/**
- * Set up a decent box model on the root element
- */
-html {
-	box-sizing: border-box;
-}
-
-main {
-	display: block;
-}
-
-#app {
-	display: block !important;
-}
-
-/**
- * Make all elements from the DOM inherit from the parent box-sizing
- * Since `*` has a specificity of 0, it does not override the `html` value
- * making all elements inheriting from the root box-sizing value
- * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
- */
-*,
-*::after,
-*::before {
-	box-sizing: inherit;
-}
-
-body,
-html {
-	font-size: var(--base-font-size);
-	background-color: var(--color-white);
-	margin: 0;
-	padding: 0;
-}
-
-textarea {
-	max-width: 100%;
-}
-
-img {
-	max-width: 100%;
-}
-
-hr {
-	color: var(--color-light-grey);
-	margin-top: 1.25rem;
-}
-
-/* Skip Link */
-
-a.skip-main {
-	left: -999px;
-	position: absolute;
-	top: auto;
-	width: 1px;
-	height: 1px;
-	overflow: hidden;
-	z-index: -999;
-}
-
-a.skip-main:focus,
-a.skip-main:active {
-	color: #fff;
-	font-weight: normal;
-	left: 0;
-	top: 0;
-	width: auto;
-	height: auto;
-	overflow: auto;
-	padding: 0.3em 0.5em;
-	border-bottom-right-radius: 0.75em;
-	text-align: center;
-	font-size: 1.2em;
-	z-index: 999;
-}
-
-/* Main Content */
-
-.main-content {
-	min-height: 420px;
-	position: relative;
-	margin: 1rem auto 0;
-}
-
-.main-content-full {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	min-height: inherit;
-	overflow-x: hidden;
-	width: 100%;
-}
+/*
+ * Base
+ * -----------
+ * Generic tags, .skip-main link, and .main-content
+ */
+
+/**
+ * Set up a decent box model on the root element
+ */
+html {
+	box-sizing: border-box;
+}
+
+main {
+	display: block;
+}
+
+#app {
+	display: block !important;
+}
+
+/**
+ * Make all elements from the DOM inherit from the parent box-sizing
+ * Since `*` has a specificity of 0, it does not override the `html` value
+ * making all elements inheriting from the root box-sizing value
+ * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+*,
+*::after,
+*::before {
+	box-sizing: inherit;
+}
+
+body,
+html {
+	font-size: var(--base-font-size);
+	background-color: var(--color-white);
+	margin: 0;
+	padding: 0;
+}
+
+textarea {
+	max-width: 100%;
+}
+
+img {
+	max-width: 100%;
+}
+
+hr {
+	color: var(--color-light-grey);
+	margin-top: 1.25rem;
+}
+
+/* Skip Link */
+
+a.skip-main {
+	left: -999px;
+	position: absolute;
+	top: auto;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	z-index: -999;
+}
+
+a.skip-main:focus,
+a.skip-main:active {
+	color: #fff;
+	font-weight: normal;
+	left: 0;
+	top: 0;
+	width: auto;
+	height: auto;
+	overflow: auto;
+	padding: 0.3em 0.5em;
+	border-bottom-right-radius: 0.75em;
+	text-align: center;
+	font-size: 1.2em;
+	z-index: 999;
+}
+
+/* Main Content */
+
+.main-content {
+	min-height: 420px;
+	position: relative;
+	margin: 1rem auto 0;
+}
+
+.main-content-full {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	min-height: inherit;
+	overflow-x: hidden;
+	width: 100%;
+}