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

  • 相关阅读:
    PHP 中的魔法常数
    Mac上tesseract-OCR的安装配置
    Java设计模式系列之迭代器模式
    Java设计模式系列之策略模式
    设计模式
    Java设计模式系列之单例模式
    SQl Server 中登录名 、用户、角色、概念一览
    数据结构知识点总结
    面试题收集——Java基础部分(一)
    XML学习总结(一)——XML介绍
  • 原文地址:https://www.cnblogs.com/IanI/p/4034533.html
Copyright © 2020-2023  润新知