Tagged Questions
Sass (Syntactically Awesome Stylesheets) is an extension of CSS adding features like nested rules, variables and mixins. This extends the possibility to write structured, manageable and reusable CSS. Sass translates to standard CSS.
0
votes
0answers
14 views
bootstrap tooltip displays text and fades away properly, but is not located in a tooltip above the icon
I am having trouble with my tooltip, in that it displays the text to the left and fades away on mouse over, but does not properly display it in a tooltip box over the icon. I am using bootstrap. A ...
0
votes
1answer
56 views
Why isn't my jQuery for changing the background color of my div with animation changing?
I have this code fire when the document is ready:
$(".contact input[type='submit']").click(function() {
$(".contact").animate({"background":"#55bf31"}, 1000);
});
And I have the following code ...
0
votes
0answers
6 views
Setting output_style for SCSS using Compass in Sinatra app
I'm looking at the Compass-Sinatra starter file on GitHub. Is there a way to set the output_style for an scss file in Sinatra? Ideally I would like to set the style to :expanded when in development.
...
0
votes
0answers
8 views
SASS syntax highlighting, code completion, and automatic compling in Eclipse/Aptana
Just as the title says, how can I accomplish these things. I am using an OpenSUSE distro.
Please note, I have already been through the numerous related posts on this topic. I have tried all the ...
0
votes
1answer
13 views
Generate CSS from Sass using a rake task and write to file
I have a non-ruby project that uses a rake task for its build process. The project is an HTML5/JS app that supports several platforms. The rake task is used to build packages for specific platforms ...
0
votes
2answers
34 views
How to insert current CSS media query info to vim statusline?
So you have this huge CSS or LESS file. You have multiple same-named rules within different media queries. How do you know what media query is your cursor position currently in? Is it possible to ...
0
votes
1answer
12 views
Bootstrap SASS generates vendor folder
I have set up Bootstrap SASS, everything works almost fine, except that compass generates a foloder vendor/bootstrap.css beside the styles.css file. This is weird because the bootstrap is already ...
-2
votes
0answers
22 views
Only in IE8 - Drop Down menu goes behind the following content
I've implemented the http://jasonweaver.name/lab/flexiblenavigation/ menu on this website and its running nice and smooth in almost every Browser. Except in IE8 my drop Down menu goes behind the ...
0
votes
1answer
17 views
Webstorm 6 - How to make the scss file watcher ignore files
I would like the file watcher for SCSS files to ignore files with file names starting with an underscore, for example _buttons.scss.
How would I do that?
0
votes
1answer
15 views
Rails — CSS import rule
I have an @import rule within a CSS file in my asset path:
// /app/assets/product/ow.css.scss
@import 'foo.css.scss';
And I put foo.css.scss inside the same folder. Rails is automatically pulling ...
2
votes
1answer
14 views
SASS (not SCSS) syntax for css3 keyframe animation
Is there any way to write keyframes in SASS?
Every example I have found is actually SCSS, even when it says it's SASS. To be clear, I mean the one with no curly brackets.
0
votes
1answer
19 views
CSS transition only working in Safari
I have my css prefixed but my transitions only work in safari. I'm testing in the latest versions of Opera, Chrome and Firefox. The image does move on hover, the different colour icon appears, but no ...
0
votes
1answer
24 views
@media queries to exclude iOS device in SASS
I'm currently try to create proper @media queries to target 3 different device groups: phones, tablets and desktops
I use the following mixin in SASS to get it done:
@mixin respond-to($media) {
...
0
votes
1answer
29 views
Can I avoid duplicated css with Zurb Foundation 4?
Im using ZF4 and I recently noted how big my css files are. On one page in particular I have 10 lines of sass, that uses the grid mixins, so I "optimized" my imports, and got to this
@import ...
0
votes
1answer
17 views
Sass loop for generating dynamic ratio-semantic classes
I'm trying to write a Sass loop that will create grid setup with ratio semantics.
I started off with:
$columns: 12 !default;
@mixin widths-setup($namespace: "") {
@for $i from 1 through ...