Is it possible in SASS to inherit from a class in another file?

css inheritance stylesheet sass
Dan Tao picture Dan Tao · Aug 3, 2012 · Viewed 57.3k times · Source

The question pretty much says it all.

For instance, if I were using, say, Twitter Bootstrap, could I define classes in my own SASS stylesheet that inherit from Bootstrap's CSS classes? Or does inheritance in SASS only work within the scope of a single file?

Answer

agustibr picture agustibr · Mar 7, 2013

YES! its possible.

If you want all <button> elements to inherit the .btn class from Twitter Bootstrap's Default buttons

In your styles.scss file you would have to first import _bootstrap.scss:

@import "_bootstrap.scss";

Then below the import:

button { @extend .btn; }

Related questions

How to remove all inherited CSS formatting for a table?

I have a table which has a certain style due to the CSS file for the page (it has blue borders, etc...). Is there a simple way to remove the CSS for that specific table? I was thinking something along …

Read More
Why isn't my <select> "font-family" property inheriting from <body>?

My code: Why is the first <select> element not inheriting the font-family property from the specification for <body>? If I have to change the font for a <select> why do I have to copy …

Read More
Can the :before and :after pseudo-elements inherit height from the parent element?

I am wondering whether the :before and :after pseudo-elements can inherit the height from parent using the inherit value, without the actual element doing so?

Read More