Based on your error message (`error sass/test.sass`) I can tell you&#39;re using the `.sass` extension for a Scss file. Change your file name to `style.scss`.

Sass and Scss use two different and incompatible syntaxes.

Try *either*:

    /* style.scss */
    #navbar {
      width: 80%;
      height: 23px;
    }

Or:

    /* style.sass */
    #navbar 
      width: 80%
      height: 23px

Note the difference in file extension and syntax.

I recently moved from Eclipse to IntelliJ IDEA, and there is a feature that I&#39;m missing. In Eclipse, when you placed the caret on a checked exception, in throws declaration or catch block, it would highlight which method/constructor calls throw that exception. 

Is there any way to do this in IntelliJ IDEA (Community edition)?

Highlight exception throwers in IntelliJ IDEA

sorry to be a pain... I have: `HashMap&lt;String, String&gt; o`

    o.get(&#39;uses_votes&#39;); // &quot;1&quot;

Yet...

    Boolean.parseBoolean(o.get(&#39;uses_votes&#39;)); // &quot;false&quot;

I&#39;m guessing that `....parseBoolean` doesn&#39;t accept the standard `0 = false` `1 = true`?

Am I doing something wrong or will I have to wrap my code in:

    boolean uses_votes = false;
    if(o.get(&#39;uses_votes&#39;).equals(&quot;1&quot;)) {
        uses_votes = true;
    }

Thanks

Boolean.parseBoolean(&quot;1&quot;) = false...?

I&#39;ve just been following the [Sass tutorial][1]. For some reason though the Sass file is not correctly generating the css. The terminal says the css is invalid but I&#39;m pretty sure it&#39;s not. I&#39;ve tried changing it too just in case there was a problem... 

What have I done wrong? 

Sass Version: Sass 3.1.10

Error message:

    error sass/test.sass (Line 3: Invalid CSS after &quot;80%&quot;: 
    expected expression (e.g. 1px, bold), was &quot;;&quot;)


.sass file contents:
    
    /* style.scss */
    #navbar {
      width: 80%;
      height: 23px;
    }


  [1]: http://sass-lang.com/tutorial.html

Sass Invalid CSS Error: &quot;expected expression&quot;

I've just been following the <a href="http://sass-lang.com/tutorial.html" target="_blank" rel="noopener noreferrer">Sass tutorial</a>. For some reason though the Sass file is not correctly generating the css. The terminal says the css is invalid but I'm pretty sure it's not. I've tried changing it too just in case there was a problem...
What have I done wrong?
Sass Version: Sass 3.1.10
Error message:
<pre><code class="hljs language-bash">error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")
</code></pre>
.sass file contents:
<pre><code class="hljs language-css">/* style.scss */
#navbar {
 width: 80%;
 height: 23px;
}
</code></pre>

Summary
---
I&#39;m running into an issue using @font-face over HTTPS in IE 7,8,9 - it simply is not loading. It does not matter whether the containing HTML page is hosted on HTTPS or not, **when I try to load the EOT font over HTTP it works, HTTPS it doesn&#39;t**. Has anyone seen this behavior? 

The server hosting the font is sending the proper content-type=&quot;application/vnd.ms-fontobject&quot;

I&#39;ve tried multiple fonts, so it&#39;s not specific to the font.

The fonts were generated over at [Font Squirrel][1]



CSS Syntax
-------
    @font-face {
	font-family: &#39;GothamCondensedBold&#39;;
	src:url(&#39;path/to/fontgothmbcd-webfont.eot&#39;);
	src:url(&#39;path/to/fontgothmbcd-webfont.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.woff&#39;) format(&#39;woff&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.ttf&#39;) format(&#39;truetype&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.svg#GothamCondensedBold&#39;) format(&#39;svg&#39;);
	font-weight: normal;
	font-style: normal;
    }

Sample Page
--
http://gregnettles.net/dev/font-face-test.html


  [1]: http://www.fontsquirrel.com/fontface/generator

@font-face EOT not loading over HTTPS

Why does this work?

    &lt;table border=1&gt;

And this doesn&#39;t?

    &lt;table style=&quot;border-width:1px;border-color:black&quot;&gt;

I get the same result in Chrome and in IE9.

How do I set &lt;table&gt; border width with CSS?

**SOLVED** - used `\00a9` instead of `&amp;copy;`

Pretty self-explanatory:

    body:after {
    	content: &quot;&amp;copy; me&quot;;
        /* other formatting */
    }

In HTML, the `&amp;copy;` sequence inserts a copyright character. Can this be done in CSS Pseudo-Elements like I&#39;m trying to do here?

Copyright Symbol in CSS :after Pseudo-Element

In Firefox only my video thumbnails are displaying mysterious 2-3 pixels of white space between the bottom of my image and its border (see below).

I&#39;ve tried everything I can think of in Firebug with no luck.

How can I remove this white space?

![Screenshot displaying white space below image][2]


  [1]: http://bit.ly/nV6E2w
  [2]: http://i.stack.imgur.com/HtUlH.png

Remove white space below image

I&#39;m trying to set custom SVG icons with CSS on a `&lt;ul&gt;`&#39;s list items. Example:

    &lt;ul&gt;
        &lt;li style=&quot;list-style-image: url(&#39;first.svg&#39;)&quot;&gt;This is my first item&lt;/li&gt;
        &lt;li style=&quot;list-style-image: url(&#39;second.svg&#39;)&quot;&gt;And here&#39;s my second&lt;/li&gt;
    &lt;/ul&gt;
The problem is that the the images are too large, and stretch the height of the lines. I don&#39;t want to change the image size, because the point of using SVG is to scale with the resolution. Is there a way to set the size of the image using CSS without some sort of `background-image` hack?

EDIT: Here&#39;s a preview (large image deliberately chosen for illustration and drama): http://jsfiddle.net/tWQ65/4/ &lt;br&gt;
And my current `background-image` workaround, using CSS3&#39;s `background-size`: http://jsfiddle.net/kP375/1/

CSS list-style-image size

So, i need a style for

    .question_actions.active

my existing CSS

&lt;!-- language: lang-css --&gt;

    .question_actions {
        float: right;
        font-size: 1em;
        width: 110px; 
    }
    .question_action {
        margin-bottom: 8px; 
        padding: 3px;
    }
    .question_actions.active {
        /* some CSS */
    }
      
what would be the syntax to combine them? 


Sass - two classes in a single tag

AS the title says I am trying to check whether a variable is defined in SASS. (I am using compass if that makes any different difference)

I&#39;ve found the Ruby equivalent which is:

&lt;pre&gt;&lt;code&gt;defined? foo&lt;/code&gt;&lt;/pre&gt;

Gave that a shot in the dark but it just gave me the error:

`defined&quot;: expected &quot;{&quot;, was &quot;?`

I&#39;ve found a work around (which is obviously just to define the variable in all cases, which in this case it actually makes more sense) but I&#39;d really like to know if this is possible for the future



Checking if a variable is defined in SASS

I&#39;m trying to use string interpolation on my variable to reference another variable:

&lt;!-- language: lang-scss --&gt;

    // Set up variable and mixin
    $foo-baz: 20px;
    
    @mixin do-this($bar) {
        width: $foo-#{$bar};
    }

    // Use mixin by passing &#39;baz&#39; string as a param for use $foo-baz variable in the mixin
    @include do-this(&#39;baz&#39;);

But when I do this, I get the following error:

&gt; Undefined variable: &quot;$foo-&quot;.

Does Sass support PHP-style variable variables?

Creating or referencing variables dynamically in Sass

I want to have one variable that contains the root path to all my images in my CSS file. I can&#39;t quite figure out if this is possible in pure Sass (the actual web project is not RoR, so can&#39;t use asset_pipeline or any of that fancy jazz).

Here&#39;s my example that doesn&#39;t work. On compile it balks at first instance of variable in the background url property saying (`&quot;Invalid CSS after &quot;..site/background&quot;: expected &quot;)&quot;`).

Defining the function to return the path:

    //Vars
    $assetPath : &quot;/assets/images&quot;;
    
    //Functions
    @function get-path-to-assets($assetPath){
      @return $assetPath;
    }

Using the function:

    body {
      margin: 0 auto;
      background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
      width: 100%; }

Any help would be appreciated.



Have a variable in images path in Sass?

Is there a way to run:

 `sass --watch a.scss:a.css`

but have `a.css` end up being minified?

How would I avoid having to run a separate minification step as I compile my stylesheet?

Content Type	Original Author	Original Content on Stackoverflow
Question	Tom R	View Question on Stackoverflow
Solution 1 - Css	user229044	View Answer on Stackoverflow
Solution 2 - Css	lincolnge	View Answer on Stackoverflow

Sass Invalid CSS Error: "expected expression"

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Boolean.parseBoolean("1") = false...?

Highlight exception throwers in IntelliJ IDEA

Attributions