StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POComplied Sass placing } at end of last line
text
Body
copied!<p>I have only just started using Sass this morning, after reading about it last night. I think I'm understanding it (but feel free to to comment if you disagree). I've ran into one problem though, be it minor but inducing an OCD head ache.</p> <pre><code>ul#primary-nav { font: 400 16px $font-stack; margin: 0 auto; text-align: center; li { display: inline-block; margin: 0 15px; &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } a { color: $grey; padding: 10px 5px 15px 5px; &:hover { border-bottom: $blue solid 6px; .active { font-weight: 700; } } } } </code></pre> <p>This outputs the following code:</p> <pre><code>ul#primary-nav { font: 400 16px "Lato", sans-serif; margin: 0 auto; text-align: center; } ul#primary-nav li { display: inline-block; margin: 0 15px; } ul#primary-nav li:first-child { margin-left: 0; } ul#primary-nav li:last-child { margin-right: 0; } ul#primary-nav li a { color: #777777; padding: 10px 5px 15px 5px; } ul#primary-nav li a:hover { border-bottom: #25aae1 solid 6px; } ul#primary-nav li a.active { border-bottom: #25aae1 solid 6px; font-weight: 700; } </code></pre> <p>So the code itself is fine for what I want but I was wondering why it is adding the closing paragraph tag to the last line. Is there a way to force it on the line below</p> <pre><code>ul#primary-nav li a:hover { border-bottom: #25aae1 solid 6px; } </code></pre> <p>I know it's only a small thing but it would make me ever so happy. </p> <p>Thank you. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload