<commit_before>#sasshat

*The simple and easy sass library*

----

The sasshat is SASS library. So, It's just for SASS.If you are using LESS you should use the lesshat it's powerful in LESS
**[lesshat.com](http://lesshat.com)**





##Features 

- Easy to coding css3
- Make the animation awesome!




----
*简单易用的SASS库*

----
这是个sass库，专为sass语言，如果你用的是LESS，请移步这个LESS高大上的库
**[lesshat.com](http://lesshat.com)**

##代码使用例子
####风骚的 sass 写法
````
div 
	+box-shadow(1px 1px 2px #000)

````
####或保守的 scss 写法
````
div{
	@include box-shadow(1px 1px 2px #000);
}

````
####编译结果
````
// Results
div{
	-webkit-box-shadow: 1px 1px 2px black;
    -moz-box-shadow: 1px 1px 2px black;
    -ms-box-shadow: 1px 1px 2px black;
    box-shadow: 1px 1px 2px black;
}
````

##特点  

- 书写css3更方便
- 让animation动画更酷

##让CSS3动画在移动设备上更风骚
CSS3动画可以做出很酷炫的效果,关于CSS3动画，比较出名的应该是**[animate.css](http://daneden.github.io/animate.css)** 

为了适应SASS语法，某位老兄已经将其转换为**[animate.sass](https://github.com/adamstac/animate.sass)**了，我直接将其拿到sasshat的目录中了


animate虽然酷，但实际在项目中应用CSS3动画时候需要与鼠标光标配合使用，比较多的就是应用hover事件了

#####在移动设备中没有鼠标....

如何在移动设备上应用酷炫的CSS3动画，而让你的 webapp 看起来更酷？

当然是让一连串的HTML元素延时逐个动起来才显高大上。demo中演示的都是关于这样的动画并且可适应自适应场景<commit_msg>update read me.md<commit_after>#sasshat

*The simple and easy sass library*

----

The sasshat is SASS library. So, It's just for SASS.If you are using LESS you should use the lesshat it's powerful in LESS
**[lesshat.com](http://lesshat.com)**





##Features 

- Easy to coding css3
- Make the animation awesome!




----
*简单易用的SASS库*

----
这是个sass库，专为sass语言，如果你用的是LESS，请移步这个LESS高大上的库
**[lesshat.com](http://lesshat.com)**

##代码使用例子
####风骚的 sass 写法
````
div 
	+box-shadow(1px 1px 2px #000)

````
####或保守的 scss 写法
````
div{
	@include box-shadow(1px 1px 2px #000);
}

````
####编译结果
````
// Results
div{
	-webkit-box-shadow: 1px 1px 2px black;
    -moz-box-shadow: 1px 1px 2px black;
    -ms-box-shadow: 1px 1px 2px black;
    box-shadow: 1px 1px 2px black;
}
````

##Get Started
1、新建一个以.sass或.scss结尾的文件如： demo.sass或demo.scss

2、在文件中引入如：`@import '_sasshat.sass'`

3、现在可以开始写你自己的sass了

##特点  

- 书写css3更方便
- 让animation动画更酷

##让CSS3动画在移动设备上更风骚
CSS3动画可以做出很酷炫的效果,关于CSS3动画，比较出名的应该是**[animate.css](http://daneden.github.io/animate.css)** 

为了适应SASS语法，某位老兄已经将其转换为**[animate.sass](https://github.com/adamstac/animate.sass)**了，我直接将其拿到sasshat的目录中了


animate虽然酷，但实际在项目中应用CSS3动画时候需要与鼠标光标配合使用，比较多的就是应用hover事件了

#####在移动设备中没有鼠标....

如何在移动设备上应用酷炫的CSS3动画，而让你的 webapp 看起来更酷？

当然是让一连串的HTML元素延时逐个动起来才显高大上。demo中演示的都是关于这样的动画并且可适应自适应场景
{'fraction_non_alphanumeric': 0.1577261809447558, 'fraction_numerical': 0.02602081665332266, 'mean_word_length': 4.565701559020044, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6970371', 'n_tokens_mistral': 1473, 'n_tokens_neox': 1472, 'n_words': 200}