From d72c4a0859c092429ef424479c54345bfb795a59 Mon Sep 17 00:00:00 2001
From: Pk11 <epicpkmn11@outlook.com>
Date: Tue, 29 Nov 2022 08:20:36 -0600
Subject: [PATCH] =?UTF-8?q?grid=E3=82=92120px=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 style.css

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c95aee5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,22 @@
+* { box-sizing: border-box; }
+h1, h2, h3 { margin-bottom: 0.5rem; }
+h2 { border-bottom: 1px solid gray; margin-bottom: 0.5rem; }
+hr { border: none; border-top: 1px solid gray; }
+
+.alert { margin-left: 0; padding-left: 1rem; border-left: 3px solid black; }
+.alert.success { border-color: lime; }
+.alert.info { border-color: blue; }
+.alert.warning { border-color: gold; }
+.alert.danger { border-color: red; }
+.btn.danger, span.danger { color: red; }
+.btn.warning, span.warning { color: gold; }
+.unstyled-list { list-style: none; padding-left: 0; }
+.inline-list { list-style: none; margin-top: 0; }
+.inline-list li { display: inline-block; }
+.grid-wrapper { display: grid; grid-template-columns: repeat(auto-fill, 120px); }
+.d-flex { display: -webkit-flex; display: -moz-flex; display: flex; }
+.flex-fill { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; }
+
+@media screen and (min-width: 780px) {
+	body { max-width: 768px; margin: 0 auto; }
+}