Cirrus Versions Save

:cloud: The SCSS framework for the modern web.

0.5.5

4 years ago

This update consists of more styles and a complete rewrite of some of the classes with modularity in mind. The migration from 0.5.4 to 0.5.5 may take some time since it consists of a lot of class renaming and deprecation of different styles.

Features

  • Standardized grid points according to the docs to be more consistent across different layouts.
  • Modularized and added more button styles. Can be seen in here.
  • Added styled checkboxes, radiobuttons, and toggles over here.
  • Added new headline component for larger text displays.
  • Added new classes for different forecolor. Additional Classes.
  • Added pill styled controls. Pill Forms.
  • Added bordered pagination.
  • Added tags.
  • Updated btn-link style.
  • Separated bulds into core and ext builds, where core only comes with the essential styles.
  • Cleaner styling with lower use of !important styles.
  • Added CSS variables for theme.
  • Added CSS Grid.
  • Cleaned up more classes to follow BEM notation.
  • Fixed up button borders for btn-group.
  • Updated design for divider now with new vertical divider styles.
  • Fixed up modal dialogs for modal views.
  • Glyphs inside input now has automatically scaling font sizes.
  • row now applies display: flex as intended from before.
  • #18 Did not adapt for stricter linting, but took away other class name changes.
  • Updated SVGs within framework to fix this issue.
  • Updated card-footer margins and different colors.
  • Updated documentation.
  • Set padding-start to 0 for ul inside tab-container.
  • Added classes for button focus states.
  • Normalized framework styles for classless components (better default styles).
  • Updated toast styles.
  • Other misc. updates that involved color changes, sizing changes, etc.

Deprecated

  • Deprecated .fluid-container and .fluid-container .row.
  • Removed .row.wrap, .row will automatically wrap content.
  • Removed .divider-short.

Breaking

0.5.4

5 years ago

Major update that polishes many of the new features added in 0.5.3 and finished documentation (below are just the main changes). There are some breaking changes that will be outlined below moving from 0.5.3.

Main Updates

  • Tab control is no longer cutoff on the right side by other elements.
  • Updated header styles to be more consistent with expected behavior. navbar a now spans the height of the header menu.
  • Dark theme added to code blocks along with some font size changes for better readabilities.
  • Font Awesome glyphs are no longer set to have a height of 100%.
  • Updated footer to add more balanced padding at the top and bottom
  • card-title now has a more subtle shadow.
  • Subsections of modal now have padding of 1rem 3rem to reduce clustering.
  • More transitions added to modal (refer to documentation in Components)
  • Redesigned tooltip to be component agnostic and added more directions for tooltip display.
  • Spacing between title and sub-title now makes sense and removed font size modifier on sub-title
  • button.animated animations is more subtle.
  • blockquote font size bumped up to 0.95rem
  • Removed extra padding at the top for paragraphs that are the first element.
  • Updated spacing for placeholder
  • Fixed tabs-classic rendering with improved styling and support for glyphs.
  • Dynamic spacing added for tab glyphs and buttons (you can still use manual padding like pad-left and pad-right, but will be phased out in 0.5.5.
  • Improved toast interface.

Breaking Changes

  • Modal animation selectors now follow BEM conventions, ex: modal-animated--zoom-in instead of modal-zoom-in.
  • card-tile is now tile.

0.5.3

6 years ago

Major updates to much of the code base with a brand new header system, small touches to make user interface much more consistent, and other utility classes for greater flexibility in design.

Main Updates

  • Much improved header bar with better support for theming and layouts.
  • Added examples for menu toggles using CSS only and JavaScript/jQuery.
  • Margin fixes to card component.
  • Updates to table styling.
  • More intuitive lists (deprecated .nested-list since it was not needed anymore).
  • Better animation for dropdown lists from buttons.
  • Added tree-navs for navigation menus on the side along with different tree modes, layouts, and more.
  • Updated animated card titles to use .card-tile instead of rows and columns and fixed text being covered up.
  • Deprecated .mobile-title .title and .mobile-title .subtitle
  • Deprecated row.flex in favor of fluid-container.wrap for flex layouts with wrapping.

v0.5.2

6 years ago

This release updates Cirrus substantially with support for many components including updates to animations, buttons, cards, dropdown menus, and all other existing classes as well as many fixes. New additions include card tiles, frames, a new form structure, media content, modal dialogs, placeholders, and toasts.

Please note that updates after this version will involve some breaking changes, especially to the header class. The docs will only show documentation for the new header structure after this version.

v.0.4.0

7 years ago

First alpha release.

There are a couple of bumps here and there, but it should be fully usable for a project. Please report any issues in the issues tab!