Stop use postcss-nested postcss-extend-rule

1 files changed, 21 insertions, 0 deletions

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;
+  }
+}