styles: Extract --main-layout-padding CSS variable

Turbo87 · Turbo87 · commit 459011a5b065 · 2022-10-23T12:42:56.000+02:00
diff --git a/app/styles/application.module.css b/app/styles/application.module.css
@@ -171,8 +171,10 @@ noscript {
 }
 
 .inner-main {
+    --main-layout-padding: 15px;
+
     composes: width-limit;
     display: flex;
     flex-direction: column;
-    padding: 15px;
+    padding: var(--main-layout-padding);
 }
diff --git a/app/styles/crate/version.module.css b/app/styles/crate/version.module.css
@@ -15,8 +15,8 @@
     box-shadow: var(--shadow);
 
     @media only screen and (max-width: 550px) {
-        margin-left: -15px;
-        margin-right: -15px;
+        margin-left: calc(var(--main-layout-padding) * -1);
+        margin-right: calc(var(--main-layout-padding) * -1);
         border-radius: 0;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -171,8 +171,10 @@ noscript {`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`.inner-main {`
	`174`	`+ --main-layout-padding: 15px;`
	`175`	`+`
`174`	`176`	`composes: width-limit;`
`175`	`177`	`display: flex;`
`176`	`178`	`flex-direction: column;`
`177`		`- padding: 15px;`
	`179`	`+ padding: var(--main-layout-padding);`
`178`	`180`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,8 +15,8 @@`
`15`	`15`	`box-shadow: var(--shadow);`
`16`	`16`
`17`	`17`	`@media only screen and (max-width: 550px) {`
`18`		`- margin-left: -15px;`
`19`		`- margin-right: -15px;`
	`18`	`+ margin-left: calc(var(--main-layout-padding) * -1);`
	`19`	`+ margin-right: calc(var(--main-layout-padding) * -1);`
`20`	`20`	`border-radius: 0;`
`21`	`21`	`}`
`22`	`22`