docs: fix inconsistent divider in rule categories box (#19249)

Tanujkanti4441 · snitin315 · web-flow · commit 995b49231a3f · 2024-12-20T12:24:06.000+05:30
* docs: fix inconsistent divider in rule categories

* fix styling errors

---------

Co-authored-by: Nitin Kumar &lt;snitin315@gmail.com&gt;
diff --git a/docs/src/assets/scss/components/rules.scss b/docs/src/assets/scss/components/rules.scss
@@ -17,20 +17,19 @@
             &:not(:first-child)::after {
                 content: "";
                 display: block;
-                padding: 1px;
                 border-left: 1px solid var(--divider-color);
                 left: 0;
             }
         }
 
-        @media screen and (min-width: 768px) and (max-width: 1023px), screen and (min-width: 1440px) {
+        @media screen and (min-width: 768px) and (max-width: 799px), screen and (min-width: 854px) and (max-width: 1023px), screen and (min-width: 1256px) {
             &:not(:first-child)::after {
                 height: 70%;
                 position: absolute;
             }
         }
 
-        @media screen and (min-width: 1024px) and (max-width: 1439px) {
+        @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px) {
             &:nth-child(2)::after {
                 height: 70%;
                 position: absolute;

Original file line number	Diff line number	Diff line change
`@@ -17,20 +17,19 @@`
`17`	`17`	`&:not(:first-child)::after {`
`18`	`18`	`content: "";`
`19`	`19`	`display: block;`
`20`		`- padding: 1px;`
`21`	`20`	`border-left: 1px solid var(--divider-color);`
`22`	`21`	`left: 0;`
`23`	`22`	`}`
`24`	`23`	`}`
`25`	`24`
`26`		`- @media screen and (min-width: 768px) and (max-width: 1023px), screen and (min-width: 1440px) {`
	`25`	`+ @media screen and (min-width: 768px) and (max-width: 799px), screen and (min-width: 854px) and (max-width: 1023px), screen and (min-width: 1256px) {`
`27`	`26`	`&:not(:first-child)::after {`
`28`	`27`	`height: 70%;`
`29`	`28`	`position: absolute;`
`30`	`29`	`}`
`31`	`30`	`}`
`32`	`31`
`33`		`- @media screen and (min-width: 1024px) and (max-width: 1439px) {`
	`32`	`+ @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px) {`
`34`	`33`	`&:nth-child(2)::after {`
`35`	`34`	`height: 70%;`
`36`	`35`	`position: absolute;`