CSS框架/SASS-----Bourbon, Neat, Bitters, Refills

标签：style   color   io   ar   sp   on   代码   ad   ef   

1.Bourbon 一个简单轻量级SASS的mixin库.

2.Neat 一个语义化的轻量级SASS 和 Bourbon的布局网格框架

3.Bitters 一个与bootstrap类似的基于SASS的框架

4.Refills 封装好的模式，元件，在Bourbon，Bitters, 和 Neat之上。包括Patterns,Components,TypeSystems三部分。

Patterns是

　　　　　　水平标签分页Accordion/Tags

　　　　　　浏览器Browser(一个静态的浏览器样式)

　　　　　　卡片样式Cards(一个静态的卡片样式)

　　　　　　中心样式导航条centered navigation

　　　　　　评论样式Comment

　　　　　　移动设备样式Device

　　　　　　注脚Footers

　　　　　　网格样式 Grid Items

　　　　　　首页样式(大背景图+描叙)Hero Unit

　　　　　　分点介绍（图标+简介）Icon Bullet Points

　　　　　　简介文本样式Intro Text

　　　　　　导航Navigation（菜单+搜索+登陆、注册）

　　　　　　可选择多条件搜索工具条Search Tools

　　　　　　左侧图片样式Side Image

　　　　　　表格Tables

　　　　　　垂直标签分页Vetical Tags

Components是

　　　　　　折叠accodion

　　　　　　标示Badges

　　　　　　浏览记录导航Breadcrumbes

　　　　　　按钮组Button Group

　　　　　　下拉列表Dropdown

　　　　　　鼠标覆盖标题动画Hover title animation

　　　　　　图片有渐进变化覆盖层Image with gradient overlays

　　　　　　弹出窗口Modal

　　　　　　文章翻页导航Pagination

　　　　　　进程条Progress Bars

　　　　　　响应式视频嵌入 Responsive video embed

　　　　　　搜索条Search Bar

　　　　　　活动菜单（侧边）Sliding Menu

　　　　　　开关Swith

　　　　　　文理Textures(没有代码通过不同的参数传递给mixin,可以改变background-coolor,gradient color, gradient angle)

　　　　　　提示tooltip

TypeSystems是文本排版格式。

CSS框架/SASS-----Bourbon, Neat, Bitters, Refills

标签：style   color   io   ar   sp   on   代码   ad   ef   

原文地址：http://www.cnblogs.com/IanI/p/4034533.html