Commit 6121991a authored by Oskar Kalbag's avatar Oskar Kalbag

Refactored the helpers.

parent caab251a
......@@ -2,22 +2,16 @@ body {
border: 1px solid #000;
border: 0.0625rem solid #000;
width: 1000px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
width: 62.5rem;
margin: 24px;
padding: 48px;
line-height: 24px;
line-height: 1.5rem;
font-size: 18px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
font-size: 1.125rem;
}
div {
width: 500px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
width: 31.25rem;
margin: 24px 0;
margin: 1.5rem 0;
......@@ -25,26 +19,18 @@ div {
}
h1 {
font-size: 48px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
font-size: 3rem;
line-height: 72px;
line-height: 4.5rem;
}
h2 {
font-size: 24px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
margin-top: 36px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-top: 2.25rem;
margin-bottom: 24px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-bottom: 1.5rem;
border-bottom: 1px solid #000;
border-bottom: 0.0625rem solid #000;
......@@ -82,26 +68,18 @@ h2 {
}
#test-margin-top {
margin-top: 10px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-top: 0.625rem;
}
#test-margin-right {
margin-right: 20px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-right: 1.25rem;
}
#test-margin-bottom {
margin-bottom: 30px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-bottom: 1.875rem;
}
#test-margin-left {
margin-left: 40px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
margin-left: 2.5rem;
}
#test-padding-one-argument {
......@@ -122,47 +100,31 @@ h2 {
}
#test-padding-top {
padding-top: 10px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
padding-top: 0.625rem;
}
#test-padding-right {
padding-right: 20px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
padding-right: 1.25rem;
}
#test-padding-bottom {
padding-bottom: 30px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
padding-bottom: 1.875rem;
}
#test-padding-left {
padding-left: 40px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
padding-left: 2.5rem;
}
#test-font-size-inherit {
font-size: inherit;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
}
#test-font-size {
font-size: 42px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
font-size: 2.625rem;
line-height: 63px;
line-height: 3.9375rem;
}
#test-width-hundred-percent {
width: 50px;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
width: 3.125rem;
width: 100%;
/* Note: nested if on purpose. Otherwise Stylus runs all conditionals, causing an error (doesn’t break on first false one) */
/* Make sure that the rule is written out only once in case there is no rem substitution */
}
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment