@import "compass/css3" isn't working

3,827 views
Skip to first unread message

screwlewse

unread,
Aug 9, 2011, 11:31:07 PM8/9/11
to compas...@googlegroups.com
version information:

~/git/hc2(master)$ rails -v
Rails 3.0.9
~/git/hc2(master)$ ruby -v
ruby 1.9.2p180 (2011-02-18 revision 30909) [x86_64-darwin10.8.0]
~/git/hc2(master)$ compass -v
Compass 0.11.5 (Antares)
Copyright (c) 2008-2011 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
~/git/hc2(master)$ sass -v
Sass 3.1.7 (Brainy Betty)
~/git/hc2(master)$ haml -v
Haml 3.1.2 (Separated Sally)
~/git/hc2(master)$ 

what I have in screen.sass
@import "compass/reset"
@import "compass/css3"

compass watch is running, and when I refresh the browser..  it' finds changes, however when I look at the compiled css file..  only reset shows up and no errors.

I read some other emails in this group, but they were no avail.  I reinstalled twice now, only to find that it still doesn't work.  

Any Ideas?
Dave

Chris Eppstein

unread,
Aug 10, 2011, 1:17:33 AM8/10/11
to compas...@googlegroups.com
It's not clear to me what the problem is. What were you expecting?

--
You received this message because you are subscribed to the Google Groups "Compass" group.
To view this discussion on the web visit https://groups.google.com/d/msg/compass-users/-/e61IwAvg-2MJ.
To post to this group, send email to compas...@googlegroups.com.
To unsubscribe from this group, send email to compass-user...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/compass-users?hl=en.

Brajeshwar

unread,
Aug 10, 2011, 1:52:39 AM8/10/11
to compas...@googlegroups.com
Because all the CSS3 modules of Compass are either mixins or helpers.
Try using something like @include border-radius(10px);

If it works then your import worked.

http://compass-style.org/reference/compass/css3/

- brajeshwar

Chris Colman

unread,
Aug 10, 2011, 2:47:05 AM8/10/11
to compas...@googlegroups.com
I develop lots of sites based on blueprint/compass and I've tended to
copy/paste the default.sass, ie.sass and print.sass each time.

I end up putting the site specific stuff in default.sass.

Just wondering if that's a good idea or should I build up a 'common'
default.sass (.css) and then create the site specific parts in a
separate site.sass file.

Presumably I can set up site.sass so that it has access to the things in
default.sass.

Is this the way most people manage multiple sites with a common 'base'?

Dave Gregory

unread,
Aug 10, 2011, 1:01:00 PM8/10/11
to compas...@googlegroups.com
Oh I feel like the dumbest developer ever.

Much thanks! That worked.

Dave.

Brajeshwar

unread,
Aug 10, 2011, 1:08:01 PM8/10/11
to compas...@googlegroups.com
Hi,

I think this is more of a discipline which one develops that best
suits oneself. There are numerous articles online that gives you a
guiding framework, guideline on how to organize your files (CSS).
These can be suited to SCSS/SASS files organization.

What's good thing about Sass is that, you can do whatever you want and
still get just one single CSS generated which you might not even look
at while working. I've one Sass file that imports all others (which
are organized into folders according to their functions or modules).

Looking back at each project, I find that no two are same and I tend
to keep modifying stuffs, organization, et al.
I, however, have a template where I know I'll just pluck when I start
a new Project and then build ahead from there. I usually tend not to
touch them so I can do a diff and see what I should add in to the
template files if I come across something that is useful or better
code.

- brajeshwar

> --
> You received this message because you are subscribed to the Google Groups "Compass" group.

Reply all
Reply to author
Forward
0 new messages