Skip to content

A base Sass file that I use often and build on as I go.

Notifications You must be signed in to change notification settings

llahnoraa/Base-SCSS

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

Base SCSS

Base SCSS is exactly that—a base Sass file that I use often to build my projects. I found that with libraries like Bourbon and Compass, there were a lot of things I didn't use that often. Base SCSS contains mixins and helpers that are super useful and can be coupled with additional Sass libraries if desired.

This simple reference file contains some mixins that are modeled after those available in the aforementioned libraries, as well as some that I've written myself.

Mixins & Tools

These are the current tools and mixins I've implemented:

  • reset (simple or Eric Meyer's)
  • base font families
  • clearfix
  • legibility
  • border-radius
  • gradient (includes CSS3PIE support if desired)
  • angled stripes (based on Lea Verou's examples)
  • box-shadow (supports up to 9 shadows)
  • text-shadow
  • opacity (includes ms-filter fallback)
  • transition
  • img-rep (image replacement based on Kellum Method. an alternative to the negative indent method)
  • font-face (based on Font Squirrel's method)

How to use it

If you're already familiar with compilers like LiveReload and Compass, then you're on the right track. If not, check them out. If you're not a GUI guy and would rather do things in command line, there's that also. You'll want to grab one of those and read their documentation (always RTFM) to get an idea of how it works. Base SCSS is made to be included into a primary Sass file that houses all of the styles for your project, or repurposed as your starting base file itself. If you aren't familiar with Sass or preprocessors in general, I recommend giving the base tutorial a try and reading the documentation.

License

Base SCSS is released under a Creative Commons Attribution-Share Alike 3.0 Unported License. This means you can copy, distribute, transmit and adapt the work to your own personal and commercial projects.

About

A base Sass file that I use often and build on as I go.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published