CODEWITHSUNDEEP
csssassvertical-alignmentcompass-sass
semisight
semisight

Reputation: 964

compass vertical rhythm not working

I'm having a problem with the newest version of compass (0.12.2) and sass (3.1.20) where the vertical alignment mixins are not taking effect. When trying to validate the generated css with compass validate, it fails on the compass/reset include, as well as the border-radius mixin among others.

The code for the scss file in question can be found here in this gist. The errors I receive on validation are here. To see what the website looks like, go to bitlimn.com. The vertical spacing should be 1.5x, but it looks to be 1x.

Basically, I don't see some of the code. It worked before I upgraded my compass and sass gems. Can anyone help me get back to fully functional compass/sass stylesheets?

Upvotes: 0

Views: 409

Answers (1)

semisight
semisight

Reputation: 964

Ah, I found the answer. I was using a mixin "establish-baseline" inside the html block when the mixin source uses the html block itself. Essentially, I was doing this:

html {
    html {...} // Mixin
    ...
}

Lesson learned: always read the source of functions/mixins that you use before using them.

Upvotes: 2

Related Questions