compass-sass

Using Compass/Sass with another CSS framework

会有一股神秘感。 提交于 2020-01-02 17:57:12
问题 I recently started using Compass/Sass for my CSS coding and it has been working out well. I am now looking into trying out different frameworks (Skeleton, Foundation, Bootstrap etc.). My question for those who are experienced with using Compass, when you install a new framework, it includes it's own css file with ready-made classes. When you use Compass, it has the scss file you use in order to modify classes and variables. The thing that is confusing me is that I would need to go to the css

Using Compass/Sass with another CSS framework

廉价感情. 提交于 2020-01-02 17:55:25
问题 I recently started using Compass/Sass for my CSS coding and it has been working out well. I am now looking into trying out different frameworks (Skeleton, Foundation, Bootstrap etc.). My question for those who are experienced with using Compass, when you install a new framework, it includes it's own css file with ready-made classes. When you use Compass, it has the scss file you use in order to modify classes and variables. The thing that is confusing me is that I would need to go to the css

Missing Dependencies in Compass/SASS

雨燕双飞 提交于 2020-01-02 10:01:28
问题 So I haven't done too much craziness with add-ons via Compass for what I've been using it for. My primary use case was to leverage the color manipulation libraries and some of the conditional/looping structures to generate some different themes. Yesterday I did run an install for an ellipsis library and afterwards was given the following message when attempting to 'watch' my project... [Listen warning]: Missing dependency 'wdm' (version '~> 0.1')! Please run the following to satisfy the

Missing Dependencies in Compass/SASS

人走茶凉 提交于 2020-01-02 10:01:12
问题 So I haven't done too much craziness with add-ons via Compass for what I've been using it for. My primary use case was to leverage the color manipulation libraries and some of the conditional/looping structures to generate some different themes. Yesterday I did run an install for an ellipsis library and afterwards was given the following message when attempting to 'watch' my project... [Listen warning]: Missing dependency 'wdm' (version '~> 0.1')! Please run the following to satisfy the

SASS won't build in Sublime Text 2 [Errno 2] No such File or Directory

僤鯓⒐⒋嵵緔 提交于 2020-01-02 05:15:28
问题 I've scoured all other posts on this subject to no avail. I've created a .scss file, installed sass, compass and I'm on OSX so I have ruby installed, I did install the latest version about a year ago however. When I cmd + b to build my .scss I get this error: Errno 2] No such file or directory [cmd: [u'sass', u'--update', u'/Users/administrator/Desktop/style.scss:/Users/administrator/Desktop/style.css', u'--stop-on-error', u'--no-cache']] [dir: /Users/administrator/Desktop] [path: /usr/local

right-to-left (RTL) support in SASS project

a 夏天 提交于 2020-01-02 03:27:05
问题 I'm wondering if it's possible to make a mixin that handles multiple arguments as properties that should be converted to rtl. I want to do something like .css-selector { width: 300px; height: 200px; @include rtl { padding: 10px 5px 3px 4px; margin: 3px 8px 2px 5px; } } with a mixin: $rtl = false !default; @mixin rtl() { @if $rtl { dir: rtl; @each $property in @content { //check property if it's padding or margin or something else rtl-related... if hit use rtl mixin } } @else { @content; } } I

SASS Image CSS Cache Busting (via Compass)

时光毁灭记忆、已成空白 提交于 2020-01-01 19:50:30
问题 Can anyone explain a best practice approach to implementing a cache buster in SASS? Meaning, on 'compilation' of my CSS, it appends a timestamp to images files. E.g., The following SASS code: !sprite="gubs.gif" ul li.selected :background :image= image_url(!sprite) :repeat no-repeat :position= "right" -222px Should produce: ul li.selected { background: url(../images/gubs.gif?123456789) no-repeat right -222px } In the ruby tool juicer, this is automatically done for you. But I can't seem to

SASS: Get value of existing background string and add to it?

老子叫甜甜 提交于 2019-12-31 05:28:08
问题 I'd like to additively build backgrounds in SASS/Compass, ignorant of the existing background string. I am able to accomplish by writing to a global var, but it seems sloppy. Pseudo: =mixin-add-icon // add a background icon =mixin-add-gradient-from-color($color: blue !default) // add a background gradient =mixin-add-texture-bg // add a bg texture a background: blue +mixin-add-texture-bg // this should take the existing bg and add texture to it &.selected +mixin-add-gradient-from-color()

compass: You must compile individual stylesheets from the project directory

浪尽此生 提交于 2019-12-30 00:50:13
问题 A while ago I was using compass to generate stylesheets from sass for a project. Recently I returned to that project. I went to my sass directory and did "compass watch --debug .:." This generated the error "You must compile individual stylesheets from the project directory". I discovered that there was no config.rb in the directory. So I recreated one. It looks like this: http_path = "/" css_dir = "/css" sass_dir = "/css" images_dir = "/img" javascripts_dir = "/js" preferred_syntax = :sass

Sass and Compass weird css errors after install

筅森魡賤 提交于 2019-12-29 09:27:06
问题 I installed compass and I can't compile to css properly. I have no idea what's causing it. Even thou stackoverflow is asking me to write more. Installed scout. Created simple css and html file. Tried to compile css file. Got error. Could not find an answer on google. My css: body { background: black; } Output: /* Syntax error: Invalid CSS after "black": expected expression (e.g. 1px, bold), was ";" on line 2 of C:/Users/Andrej/Documents/My Dropbox/Web Projects/First good website/sass/main