timcason / webui-sass Goto Github PK

{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fnil\fcharset0 Courier New;}}
{\*\generator Msftedit 5.41.21.2510;}\viewkind4\uc1\pard\f0\fs22 WebUI-Sass\par
\par
The purpose of this packet is to eliminate a significant amount of repetitious code as well as streamline the building of your css.\par
\par
Most of the css attributes are predefined in Sass functions for you to simply call to produce a desired effect.  Also, the many common css visual effects have been added, which will save you time for looking up and learning how to do something. \par
\par
ex:\par
\par
.main \{\par
\tab @include padding-left;\par
\tab @include padding-bottom;\par
\tab @include round;\par
\tab @include box-gradient(#666,#999);\par
\tab @include opacity90;\par
\par
\}\par
\par
Will Produce this:\par
\par
.main\{\par
\pard\li720 padding-left:10px;\par
padding-bottom:10px;\par
border-radius: 5px; \par
-moz-border-radius: 5px;\par
-webkit-border-radius: 5px;\par
-moz-background-clip: padding; \par
-webkit-background-clip: padding-box; \par
background-clip: padding-box;\par
background-color: #666;\par
background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#999));\par
background-image: -webkit-linear-gradient(top, #666, #999);\par
background-image: -moz-linear-gradient(top, #666, #999);\par
background-image: -ms-linear-gradient(#666, #999);\par
background-image: -o-linear-gradient(top,#666, #999); \par
background-image: linear-gradient(to bottom, #666, #999);\par
opacity: 0.90;  filter: alpha(opacity=90); \par
\}\par
}