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是文本排版格式。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。