From 5ff2f89afb71fd2976c487692ec73085241e09c7 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 6 Jun 2021 00:32:24 +0800
Subject: Stop use postcss-nested postcss-extend-rule

---
 src/components/Rules.module.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/Rules.module.scss

(limited to 'src/components/Rules.module.scss')

diff --git a/src/components/Rules.module.scss b/src/components/Rules.module.scss
new file mode 100644
index 0000000..6459e17
--- /dev/null
+++ b/src/components/Rules.module.scss
@@ -0,0 +1,21 @@
+.header {
+  display: grid;
+  grid-template-columns: 1fr minmax(auto, 330px);
+  align-items: center;
+
+  /*
+   * the content header has some padding
+   * we need to apply some right padding to this container then
+   */
+  padding-right: 15px;
+  @media (--breakpoint-not-small) {
+    padding-right: 40px;
+  }
+}
+
+.RuleProviderItemWrapper {
+  padding: 6px 15px;
+  @media (--breakpoint-not-small) {
+    padding: 10px 40px;
+  }
+}
-- 
cgit v1.3.1