This group is interested in non-standard stylesheet languages that are transformed into CSS. This includes Sass, Less CSS and probably others. We invite you to share mixins, ask questions, provide support and promote the good usage of these tools for more efficient, sturdy and reusable styles in Drupal themes.
Drupal developer | Winston Staffing
Work with projects from beginning to end with a new division of a well established company. Northern NJ location. If you're a quick learner and looking to get working quickly, e-mail your resume to jlucas@winstonstaffing.com. This is a visible opportunity with a possiblity of direct hire.
Omega theme with Compass and SASS - what are the best practices?
For background, I am using Compass on the command line with an Omega HTML5 starter kit subtheme. Also, I'm in local dev on Windows 7 and abandoned trying to use the Compass module, but I'm pretty sure that doesn't matter if I can use the command line.
I have created a compass project in my theme and I have the SASS default stylesheets ie.scss print.scss and screen.scss - I created a .scss file for each of the Omega stylesheets. They are then compiled to CSS and watched by Compass.
Read moreSasson - new drupal base theme with Sass & Compass
Check out Sasson, you're gonna love it !
Read more
- It includes Sass & Compass framework - no extra requirements, simply enable and start writing sass/scss (thanks peroxide and SASSy )
- It's mobile friendly - with responsive, content-first layout, out of the box. optional mobile-first responsive layout, media queries break-points are configurable.
- It converts the core template files to HTML5 markup -
<header>,<footer>,<article>for nodes,<section>for blocks,<aside>for sidebars,<nav>for menus etc.(thanks Boron)- It includes a perfectly semantic grid system - no more non-semantic grid classes (based on 960gs via Compass).
- It includes an HTML5-friendly CSS Reset (normalize), cross-browser styling compatibility improvements and other tweaks & best practices from HTML5Boilerplate v2.0
- It enables HTML5 in oldIEs via HTML5shiv
- It *doesn't* give you a pile of CSS rules you will have to override.
CSS expert | Personal
Looking for some one who can work along with me part time on drupal projects.
We are good at Theming, Coding, Configuring ... etc.
We have got more Projects than we had expected.
Want to add a person who has the knowledge of coding in CSS.
Preferred to have Knowledge in Photoshop, Theming, but not essential.
Initially can offer 5-10 hours of work per week.
Contact me through the drupal contact form.
Send me your Phone number, i will call you.
Comparison of Less vs SASS
A couple of people had asked me the differences between SASS vs LESS Syntax. Chris Eppstein, the creator of Compass, graciously forwarded me this comparison chart showing both syntaxes side by side.
Calling onClick function
Hi,
I have created an image map. It means clicking on different parts of image will popup different content. It is working well on my local system but when I am uploading the same on the drupal website, its popup feature is not working. I am new to the drupal and need your help.
Please let me know how to call OnClick function in drupal.
Thanks.
Neelabh
Sass Mixins for Zen theme overrides
I have written a Sass base file with variables and mixins meant to ease the override of Zen layout-fixed.css
http://gist.github.com/614645
It provides variables like $zen-content-position, which controls whether the content comes before the two sidebars, in the middle of the sidebars or after them. other variables control sidebars and content width, and navigation height.
The idea behind this sass file is making Zen easier to manipulate without editing any of the provided css files.
