1 files changed, 92 insertions, 0 deletions
diff --git a/theme/admin/static/css/import/_responsive.scss b/theme/admin/static/css/import/_responsive.scss
new file mode 100644
index 0000000..9675071
--- /dev/null
+++ b/theme/admin/static/css/import/_responsive.scss
@@ -0,0 +1,92 @@
+@media only screen and (max-width: 90em /*1440px*/) {
+	.item-container.grid {
+		grid-template-columns: 1fr 1fr;
+	}
+}
+
+@media only screen and (min-width: 62.5em /*1000px*/) {
+	#main-content {
+		border: 0.05rem solid $borderColor;
+		border-top: none;
+		border-bottom: none;
+	}
+}
+
+@media only screen and (max-width: 62.5em /*1000px*/) {
+	.item-container.grid {
+		grid-template-columns: 1fr;
+	}
+}
+
+@media only screen and (max-width: 50em /*800px*/) {
+	html {
+		font-size: 1.125rem; /*18px*/
+	}
+}
+
+@media only screen and (max-width: 37.5em /*600px*/) {
+	#main-content {
+		padding: 0.5rem;
+	}
+
+	#main-navi {
+		font-size: 1rem;
+
+		ul {
+			li {
+				span {
+					display: none;
+				}
+
+				.fa {
+					margin-right: 0;
+				}
+			}
+		}
+
+		a {
+			padding: 0.5rem;
+		}
+	}
+
+	#emoticon-list-wrapper {
+		display: none;
+	}
+
+	.item-container.grid {
+		grid-column-gap: 0.75rem;
+		grid-row-gap: 0.75rem;
+		column-gap: 0.75rem;
+		row-gap: 0.75rem;
+	}
+
+	.form-grid {
+		grid-template-columns: 7rem 1fr;
+
+		&-item, &-item.first, label {
+			grid-column: unset;
+		}
+	}
+
+	.actions {
+		float: none;
+		display: flex;
+		width: 100%;
+		flex-grow: 1;
+		justify-content: center;
+		overflow: hidden;
+		box-sizing: border-box;
+
+		&-before {
+			float: none;
+		}
+
+		li {
+			flex-grow: 1;
+
+			+ li {
+				border-left: none;
+			}
+		}
+	}
+}