Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library

branch: master

Merge pull request #12 from richpeniche/patch-1

Removed unnecessary semi-colons.
latest commit 1ef70719fe
Matthieu Aussaguel authored
Octocat-spinner-32 README.md Add Licence issue #3 February 09, 2013
Octocat-spinner-32 bower.json Update bower.json June 23, 2013
Octocat-spinner-32 css3-mixins.sass Removed unnecessary semi-colons. February 05, 2014
Octocat-spinner-32 css3-mixins.scss Fixed #7 September 22, 2013
README.md

Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library

By: Matthieu Aussaguel, @mattaussaguel

List of CSS3 Sass Mixins File to be @imported and @included as you need

The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files

Note:All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties

Version

v0.1 Beta

Website URL

http://mynameismatthieu.com/sass-css3-mixins/

Mixins available:

Mixins Arguments (with default values)
background-gradient Start Color: #3C3C3C, End Color: #999999
background-size Width: 100%, Height: 100%
border-radius Radius: 5px
border-radius-separate Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
box Orientation: horizontal, Pack: center, Align: center
box-rgba R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
box-shadow X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
box-sizing Type: border-box
columns Count: 3, Gap: 10
double-borders Color One: #3C3C3C, Color Two: #999999, Radius: 0
flex Value: 1
flip Value: ScaleX: -1
font-face Value: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
opacity Opacity: 0.5
outline radius Radius: 5px
resize Direction: both
rotate Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
text-shadow X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
transform Parameters: null
transition What: all, Length: 1s, Easing: ease-in-out
triple-borders Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

Examples and Instructions

   // Import the mixins
   @import "css3-mixins.scss"

   // Call Mixins
   @include opacity();
   @include border-radius(3px); 
   @include transition(color, .5s, ease-in); 

Changelog

  • Initial Release
  • Beta Release

Licence

Copyright © 2013 Matthieu Aussaguel

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Something went wrong with that request. Please try again.