What methods are used to merge duplicate classes in SASS that have differing hierarchy?What's the difference between SCSS and Sass?Have a variable in images path in Sass?Sass .scss: Nesting and multiple classes?What is Compass, what is sass…how do they differ?Bourbon Refill Navigation DropDown example issue in ChromeWhat is difference between & and @ in SASSRemove CSS rules dependent on RegEx ClassesAtom/Sass-lint: Regex for sass-lint.yml class-nameSass-lint should be written in lowercase with hyphens class-name-formatSass variables based on what
Neighboring nodes in the network
Why is consensus so controversial in Britain?
Twin primes whose sum is a cube
What do you call someone who asks many questions?
Is Lorentz symmetry broken if SUSY is broken?
How can I prevent hyper evolved versions of regular creatures from wiping out their cousins?
Is it unprofessional to ask if a job posting on GlassDoor is real?
Stopping power of mountain vs road bike
Western buddy movie with a supernatural twist where a woman turns into an eagle at the end
How to take photos in burst mode, without vibration?
Is it possible to create light that imparts a greater proportion of its energy as momentum rather than heat?
Arrow those variables!
Why doesn't H₄O²⁺ exist?
Today is the Center
What's the point of deactivating Num Lock on login screens?
How to prevent "they're falling in love" trope
Why is it a bad idea to hire a hitman to eliminate most corrupt politicians?
AES: Why is it a good practice to use only the first 16bytes of a hash for encryption?
If human space travel is limited by the G force vulnerability, is there a way to counter G forces?
Is the Joker left-handed?
Assassin's bullet with mercury
Do I have a twin with permutated remainders?
What is the word for reserving something for yourself before others do?
Combinations of multiple lists
What methods are used to merge duplicate classes in SASS that have differing hierarchy?
What's the difference between SCSS and Sass?Have a variable in images path in Sass?Sass .scss: Nesting and multiple classes?What is Compass, what is sass…how do they differ?Bourbon Refill Navigation DropDown example issue in ChromeWhat is difference between & and @ in SASSRemove CSS rules dependent on RegEx ClassesAtom/Sass-lint: Regex for sass-lint.yml class-nameSass-lint should be written in lowercase with hyphens class-name-formatSass variables based on what
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Context
I was hired into a project that had an existing SASS/SCSS file. However, they didn't seem to have a plan to how they structure it so there are a lot of duplicate classes.
The Problem
But they're not just duplicates, that have varying hierarchy. I want to combine them all but the only way I know how is manually. But it seems to me this could be done automatically with a linter or something but I'm not finding any results in my searches.
Example
.nav
foo: bar;
Later in the document in some random spot:
.nav
p
foo: bar;
Another Example
.flexslider
.slides
foo: bar;
Then later you find:
.carousel
li
foo: bar;
When it should be:
.flexslider
.carousel
.slides
foo: bar;
li
foo: bar;
Or:
.flexslider
.carousel
li.slides
foo: bar;
sass scss-lint sass-lint grunt-sass-lint
add a comment |
Context
I was hired into a project that had an existing SASS/SCSS file. However, they didn't seem to have a plan to how they structure it so there are a lot of duplicate classes.
The Problem
But they're not just duplicates, that have varying hierarchy. I want to combine them all but the only way I know how is manually. But it seems to me this could be done automatically with a linter or something but I'm not finding any results in my searches.
Example
.nav
foo: bar;
Later in the document in some random spot:
.nav
p
foo: bar;
Another Example
.flexslider
.slides
foo: bar;
Then later you find:
.carousel
li
foo: bar;
When it should be:
.flexslider
.carousel
.slides
foo: bar;
li
foo: bar;
Or:
.flexslider
.carousel
li.slides
foo: bar;
sass scss-lint sass-lint grunt-sass-lint
add a comment |
Context
I was hired into a project that had an existing SASS/SCSS file. However, they didn't seem to have a plan to how they structure it so there are a lot of duplicate classes.
The Problem
But they're not just duplicates, that have varying hierarchy. I want to combine them all but the only way I know how is manually. But it seems to me this could be done automatically with a linter or something but I'm not finding any results in my searches.
Example
.nav
foo: bar;
Later in the document in some random spot:
.nav
p
foo: bar;
Another Example
.flexslider
.slides
foo: bar;
Then later you find:
.carousel
li
foo: bar;
When it should be:
.flexslider
.carousel
.slides
foo: bar;
li
foo: bar;
Or:
.flexslider
.carousel
li.slides
foo: bar;
sass scss-lint sass-lint grunt-sass-lint
Context
I was hired into a project that had an existing SASS/SCSS file. However, they didn't seem to have a plan to how they structure it so there are a lot of duplicate classes.
The Problem
But they're not just duplicates, that have varying hierarchy. I want to combine them all but the only way I know how is manually. But it seems to me this could be done automatically with a linter or something but I'm not finding any results in my searches.
Example
.nav
foo: bar;
Later in the document in some random spot:
.nav
p
foo: bar;
Another Example
.flexslider
.slides
foo: bar;
Then later you find:
.carousel
li
foo: bar;
When it should be:
.flexslider
.carousel
.slides
foo: bar;
li
foo: bar;
Or:
.flexslider
.carousel
li.slides
foo: bar;
sass scss-lint sass-lint grunt-sass-lint
sass scss-lint sass-lint grunt-sass-lint
asked Mar 8 at 23:18
Spencer HillSpencer Hill
3661621
3661621
add a comment |
add a comment |
0
active
oldest
votes
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%2f55072323%2fwhat-methods-are-used-to-merge-duplicate-classes-in-sass-that-have-differing-hie%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f55072323%2fwhat-methods-are-used-to-merge-duplicate-classes-in-sass-that-have-differing-hie%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