compass-sass

问题 I have been having no end of difficulties in trying to set up Foundation 5 so that I can customise it using SASS. According to Zurb Foundation using SASS is the easiest way to customise it but for some reason there isn't any useful documentation on this. I have searched everywhere and found bits and peices of inforamtion and have finally managed to get something working so that when I amend the main SCSS file it creates a corresponding CSS file. However, whatever variables I add to my SCSS

问题 I have two SCSS maps call $my-map-1 and $my-map-2 . Each map has the keys with their hex value. I wrote a function to return the key and the hex values ( $key , $value ) of each map separately. After that, I wrote a @if condition with my function to check the map. I pass my map name to the function. If map there, check is the $key equal to the given name. If that true, pass the $valu of that $key to my color mixin. This is my code. $my-map-1: ( map-1-color-1: #506c89, map-1-color-2: #737373,

问题 I have a rail 4 project with "stylesheets/application/index.css.scss" with my all css files: /* *= require jquery.ui.all *= require_tree ../shared *= require_tree ../design *= require_tree ../layout *= require_self *= require_tree . */ rails compile all css in only one, minimized (in prod). I need to import @import "shared/header" in many files. exemple: in "stylesheets/layout/main.css.scss" @import 'shared/header'; .header { @extend .header_common_overview; [...] } but I @import 'shared

问题 I'm having a problem with Foundation 5's recommended SASS installation. http://foundation.zurb.com/docs/sass.html I followed the brief tutorial only a week or so ago and had no problems. Everything seemed to run OK and looked OK. Over the course of the next few days I was making amendments to the project I am working on but only put the changes (CSS) into a custom.css file. I was wanting to ensure my client was happy with my proposed design before getting into the guts of SASS. This evening I

问题 Trying to get a new project set up using Singularity.gs but I keep running into a snag with Compass. First I used Terminal to install the necessary Ruby Gems (sass, compass, singularitygs, respectively). Next I created a new project using the command: compass create project1 -r singularitygs --using singularitygs In the directory of my choosing. At this point, in an effort to make life easier I've also attempted to use offerings like Scout (http://mhs.github.io/scout-app/) and/or Compass.app

问题 This question already has answers here : Sass mappings and indented syntax (2 answers) Closed 4 years ago . I'm starting a project using sass and I prefer to write it in .sass syntax. Also I would like to use the map feature in order to declare some key-value variables... as the example: $primary-colors: ( "red": "#ff0000", "green": "#00ff00", "blue": "#0000ff" ); /* Key and value together */ @each $color in $primary-colors { .thing { content: "#{$color}"; } } /* Key and value separate */

问题 I've been looking at implementing Compass into an existing Sass project. However, I'm struggling to find out if it's even possible. I've been reading through the docs know you can use --sass-dir and --css-dir to define the folder names that it looks for but I can't seem to prevent Compass from creating it's own project structure within my own. Do I need to create a custom config file? Here is the structure: js |_//js here img |_//images here css -main.css //combined from main.scss -main.min

问题 I was looking into the following two bootstrap plugins for compass: https://github.com/vwall/compass-twitter-bootstrap https://github.com/hecbuma/compass-bootstrap Is it possible to setup one of this two compass plugins on a non RoR/Ruby project? 回答1: Yes it is, for both of them. Make sure to install the gems and import them as described to your scss- or sass-files. When you run compass watch or compass compile in your project folder it will compile your code as usual. 来源： https:/

问题 Often times I use "edit css" functionality in web developer extension to edit my style sheets. It's a great feature but it takes time to edit the css and copy it back to an editor to save it. I am planning to use Compass for my next project and I am wondering how I can use "edit css" functionality with SASS/Compass. 回答1: There's no way to do this the way you're expecting. The flow will have to work like the following -> Write Compass/SCSS -> Refresh Page -> Edit CSS to get results -> Re-Edit

问题 I have a layout design clearly made for 1200px / 15 cols framework, but my client wants to use Bootstrap 4 with SASS only. Is it even possible to transform Bootstrap into 15 cols layout? I haven't seen such an example online. I'm not a huge fan of Bootstrap for small projects. It is a trend I honestly don't understand. Might be too heavy for a 5 pages website & projects are usually done according to the content, not according to some framework, Twitter-backed or not. But, this is it. If it