首页 > 代码库 > CSS框架/SASS-----Bourbon, Neat, Bitters, Refills

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

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