I am looking at vuetify repo and see something like the following in sass file, e.g.
+theme(v-btn) using ($material)
what does this syntax actually mean?
The only thing I can find related to this is the-sass-file-has-columnmain-content-width-what-does-it-mean, but I cannot find it in compass website.
Also I cannot find "compass" anywhere referenced in vuetify repo. Can anyone point me to the right place?
Related
While i was trying to #use "sass:math"; module in scss file this was not working. This shows some error.I belive i donot have the access for build in module. I attached some screenshots. At that moment i need some help for solving this dilemma.Also that syntax was not highlighting.
First image:not highlighting
Second image:error message
note- my sass verstion is Ruby Sass 3.7.4
I need a solution as fast as possible.
I am using bourbon and neat for the first time after switching over from compass. My set up is as follows:
Importing bourbon and neat at the top of my main SASS file like so:
#import "bourbon";
#import "neat";
Installed using CodeKit 3
All of my neat mixins work great. But any bourbon mixins fail. For example this is the error I get with the linear-gradient mixin
Libsass: Error: no mixin named linear-gradient
Backtrace:
/dev/assets/design/sass/main.scss:117
on line 117 of /dev/assets/design/sass/main.scss
#include linear-gradient(#1e5799, #2989d8);
I thought that neat needed bourbon to work. So I can't understand why my mixins don't work. Assuming I am making a newbie mistake. Can someone point me in the right direction?
What Brad said is pretty much right, except, depending on how you installed it you might find the path is different.
I was able to get it working with the following (my sass is 2 folders below the project root btw).
#import "../../bower_components/bourbon/app/assets/stylesheets/bourbon";
Also, I installed from within codekit package library
close up of codekit package search input
codekit search results package list
You click the arrow on the far right next to the package you want to install.
Hope that helps.
I am new to SASS. I am using this as a guide to learn Bourbon -
http://www.git-tower.com/learn/bourbon-neat-bitters/getting-ready/introduction
I followed all the instructions and it displays fine on my local machine. But when I edit _layout.scss, it doesn't compile to styles.css. I installed Compass and had it watch the project folder, but same results. My changes won't take.
Am I missing a step?
This is likely more of a sass importing/file-name issue than anything specifically with bourbon. I'd check out http://sass-lang.com/guide . Sass-lang put together a really nice guide to sass that includes things like imports, etc.
Also, Compass app can bring some things to the party that can conflict with Bourbon. I'd recommend using the sass app or a desktop app like https://prepros.io which can be easier starting out.
Hope this helps 🍻
So I'm designing a website and I stumbled upon a nice tool for fluid design called Profound Grid. http://www.profoundgrid.com/
I thought it would be very useful and decided to use it, but I find the documentation is meagre at best, and there is little to no help around the internet, the website doesn't even have a contact us button...
The website said that the Profound Grid was created and is used with SASS.
I've installed ruby and SASS successfully and am able to use them just fine, but when I try to use the Profound Grid; which is done by importing a file into your style sheet, the SASS converter gives me an error:
error grid/_grid.scss (Line23: File to import not found or unreadable: compass/utilities/general/clearfix.)
The Profound Grid system uses only one file to function, which is imported into your style sheet, and that is the "_grid.scss", I opened it and found this on the 23rd line:
#import "compass/utilities/general/clearfix";
It appears the grid system imports and uses a file from compass...
To fix this problem I installed the compass gem but I still get the same error message, it cannot locate the clearfix file even though I should have it installed.
To test my compass installation I tried just importing compass like this:
#import 'compass';
An error came up telling me that compass couldn't be located either, so I think there might be something wrong with me compass installation or the way I am importing it.
Have I installed compass wrong?
Is there something wrong with the way compass is being imported? Perhaps the wrong path?
If there is anyone out there with experience with Compass, SASS or Profound Grid I would much appreciate some help.
You have to use the compass command-line tool to compile it. For example:
compass compile
Strange that this piece of software is not distributed as a Compass extension.
For sass currently I am using
sass --watch path1:path2
to compile scss file to css but i even found
compass watch path1:path2
also. Is there any difference between these two watches? I created a project with compass create project and found that there are two main folders called sass and stylesheets I looked to screen.scss file and I found the code #import "compass/reset";, but there isn't any directory called compass to call the reset.
I am really new to sass and compass. Can anyone explain me how to use compass? Any help will be greatly appreciated. Thanks in advance.
To understand the difference, you must first understand the difference between Sass and Compass.
Sass is a language which is an extension of CSS. It has built in math functions and adds the ability to add more functions and mixins - but it doesn't include any.
Compass is a framework for Sass. It adds additional functionality on top of Sass such as CSS3 mixins, layout helpers and other utilities. It also gives you the ability to add additional 3rd party frameworks into your project (called extensions).
So with that, the difference between the two are:
sass --watch will compile Sass files, but because it doesn't know anything about compass, it will just ignore it.
compass watch is just like the Sass command, only it knows about the additional Compass functionality. So when you import compass/reset - it knows what to import.
You can find a reference to all Compass' functionality here: http://compass-style.org/reference/compass/
At the top of each page it will show you which part of Compass to import. For example, here is the page about reset: http://compass-style.org/reference/compass/reset/