CSS Framework/sass-----Bourbon, Neat, bitters, refills

Source: Internet
Author: User

1.Bourbon a simple lightweight sass mixin library.

2.Neat a semantically lightweight sass and Bourbon layout grid framework

3.Bitters a SASS-based framework similar to bootstrap

4.Refills encapsulated good pattern, elements, on bourbon,bitters, and neat. Includes three parts of Patterns,components,typesystems.

Patterns is

Horizontal Label Paging Accordion/tags

Browser browser (a static browser style)

Card style cards (a static card style)

Center style navigation bar centered navigation

Comment Style Comment

Mobile Devices Style device

Footnote footers

Grid style grid Items

Home style (large background map + describe) Hero Unit

Point of Introduction (Icon + Introduction) icon Bullet Points

Introduction Text Style Intro

Navigation Navigation (menu + search + login, registration)

Multi-Criteria Search tool can be selected searching tools

Left picture Style side image

Form tables

Vertical tab Page vetical tags

      

Components are

Folding Accodion

Mark Badges

Browse record navigation Breadcrumbes

Buttons Group button groups

Drop-down list dropdown

Mouse Overlay title animation hover Title animation

The picture has a gradual change overlay image with gradient overlays

Pop-up window modal

Article page navigation pagination

Process Bar Progress Bars

Responsive video embedding responsive-Embed

Search bar

Active menu (side) Sliding Menu

Switch Swith

Liberal arts textures (no code passed to mixin by different parameters, can change background-coolor,gradient color, gradient angle)

Hint tooltip

Typesystems is a text typesetting format.

CSS Framework/sass-----Bourbon, Neat, bitters, refills

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.