zoukankan      html  css  js  c++  java
  • 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是文本排版格式。

  • 相关阅读:
    远程访问阿里云服务器jupyter
    Jupyter Notebooks的安装和使用介绍
    Docker的基本使用(部署python项目)
    2020届宝鸡质检[1-3]文数典题解析
    2020届宝鸡质检[1-3]理数典题解析
    2020届宝鸡质检[1]理数+参考答案
    2020届宝鸡质检[1]文数+参考答案
    例说三角函数图像变换
    两点之间线段最短
    三角函数公式关系梳理
  • 原文地址:https://www.cnblogs.com/IanI/p/4034533.html
Copyright © 2011-2022 走看看