Stop use postcss-nested postcss-extend-rule

1 files changed, 35 insertions, 0 deletions

diff --git a/src/components/Rule.module.scss b/src/components/Rule.module.scss
new file mode 100644
index 0000000..14da5d9
--- /dev/null
+++ b/src/components/Rule.module.scss
@@ -0,0 +1,35 @@
+.rule {
+  display: flex;
+  align-items: center;
+  padding: 6px 15px;
+  @media (--breakpoint-not-small) {
+    padding: 10px 40px;
+  }
+}
+
+.left {
+  width: 40px;
+  padding-right: 15px;
+  color: var(--color-text-secondary);
+  opacity: 0.4;
+}
+
+.a {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  opacity: 0.8;
+}
+
+.b {
+  padding: 10px 0;
+  font-family: 'Roboto Mono', Menlo, monospace;
+  font-size: 16px;
+  @media (--breakpoint-not-small) {
+    font-size: 19px;
+  }
+}
+
+.type {
+  width: 110px;
+}