CSS/SCSS - value depends on selectorSet cellpadding and cellspacing in CSS?Which characters are valid in CSS class names/selectors?How do I give text or an image a transparent background using CSS?Is there a CSS parent selector?Is there a “previous sibling” selector?When to use margin vs padding in CSSChange an HTML5 input's placeholder color with CSSWhat's the difference between SCSS and Sass?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
What's "halachic" about "Esav hates Ya'akov"?
3 beeps on a 486 computer with an American Megatrends bios?
Is there a way to improve my grade after graduation?
Write The Shortest Program To Check If A Binary Tree Is Balanced
Is space radiation a risk for space film photography, and how is this prevented?
What license to choose for my PhD thesis?
How do I handle a DM that plays favorites with certain players?
Awk to get all my regular users in shadow
Movie with a girl/fairy who was talking to a unicorn in a snow covered forest
GFCI tripping on overload?
What does "autolyco-sentimental" mean?
Are the related objects in an SOQL query shared?
Is there a way to say "double + any number" in German?
Are valid inequalities worth the effort given modern solver preprocessing options?
Broken bottom bracket?
I was contacted by a private bank overseas to get my inheritance
Why does capacitance not depend on the material of the plates?
Does the length of a password for Wi-Fi affect speed?
How do I know when and if a character requires a backstory?
What is the reason behind water not falling from a bucket at the top of loop?
What printing process is this?
“The Fourier transform cannot measure two phases at the same frequency.” Why not?
Would this winged human/angel be able to fly?
What percentage of campground outlets are GFCI or RCD protected?
CSS/SCSS - value depends on selector
Set cellpadding and cellspacing in CSS?Which characters are valid in CSS class names/selectors?How do I give text or an image a transparent background using CSS?Is there a CSS parent selector?Is there a “previous sibling” selector?When to use margin vs padding in CSSChange an HTML5 input's placeholder color with CSSWhat's the difference between SCSS and Sass?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
With an accordion each level having a incrementing margin as it goes deeper:
Level 1A
Level 2
Level 3
Level 4
Level 1B
...
CSS:
.level1
margin: 1em;
.level2
margin: 3em;
.level3
margin: 5em;
...
Is there CSS/SCSS syntax like:
.level[n]
margin: (2n-1)em
css sass
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
add a comment |
With an accordion each level having a incrementing margin as it goes deeper:
Level 1A
Level 2
Level 3
Level 4
Level 1B
...
CSS:
.level1
margin: 1em;
.level2
margin: 3em;
.level3
margin: 5em;
...
Is there CSS/SCSS syntax like:
.level[n]
margin: (2n-1)em
css sass
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
add a comment |
With an accordion each level having a incrementing margin as it goes deeper:
Level 1A
Level 2
Level 3
Level 4
Level 1B
...
CSS:
.level1
margin: 1em;
.level2
margin: 3em;
.level3
margin: 5em;
...
Is there CSS/SCSS syntax like:
.level[n]
margin: (2n-1)em
css sass
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
With an accordion each level having a incrementing margin as it goes deeper:
Level 1A
Level 2
Level 3
Level 4
Level 1B
...
CSS:
.level1
margin: 1em;
.level2
margin: 3em;
.level3
margin: 5em;
...
Is there CSS/SCSS syntax like:
.level[n]
margin: (2n-1)em
css sass
css sass
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
edited Mar 27 at 3:04
CDT
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
asked Mar 27 at 2:43
CDTCDT
3,27711 gold badges49 silver badges81 bronze badges
3,27711 gold badges49 silver badges81 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
In SASS/SCSS you can create for loops and generate the necessary amount of classes.
SASS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em
SCSS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em ;
I'm pretty sure there is no pure CSS solution.
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55369014%2fcss-scss-value-depends-on-selector%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
In SASS/SCSS you can create for loops and generate the necessary amount of classes.
SASS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em
SCSS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em ;
I'm pretty sure there is no pure CSS solution.
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
add a comment |
In SASS/SCSS you can create for loops and generate the necessary amount of classes.
SASS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em
SCSS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em ;
I'm pretty sure there is no pure CSS solution.
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
add a comment |
In SASS/SCSS you can create for loops and generate the necessary amount of classes.
SASS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em
SCSS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em ;
I'm pretty sure there is no pure CSS solution.
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
In SASS/SCSS you can create for loops and generate the necessary amount of classes.
SASS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em
SCSS:
@for $i from 1 through 4
.level#$i
margin: (2 * $i - 1) * 1em ;
I'm pretty sure there is no pure CSS solution.
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
answered Mar 27 at 2:58
BarthyBarthy
1,58112 silver badges31 bronze badges
1,58112 silver badges31 bronze badges
add a comment |
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55369014%2fcss-scss-value-depends-on-selector%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
