:cloud: The SCSS framework for the modern web.
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.
headline
component for larger text displays.btn-link
style.core
and ext
builds, where core
only comes with the essential styles.!important
styles.btn-group
.divider
now with new vertical divider styles.input
now has automatically scaling font sizes.row
now applies display: flex
as intended from before.card-footer
margins and different colors.padding-start
to 0 for ul
inside tab-container
.toast
styles..fluid-container
and .fluid-container .row
..row.wrap
, .row
will automatically wrap content..divider-short
.line-height-auto
from all text elements https://github.com/Spiderpig86/Cirrus/commit/b3587c6377f2bc20afd29b2bd12858da8a5666dc..text-success
and .text-error
and combined it with input-success
and input-error
respectively https://github.com/Spiderpig86/Cirrus/commit/c56d9f1dc63e5f2df8e239ffb59be72094017185.divider-short
https://github.com/Spiderpig86/Cirrus/commit/412a786d32c70392843dec3106622eb0eee3ef6b.content-no-padding
and content-fluid
https://github.com/Spiderpig86/Cirrus/commit/fd0b58ab5983acd8152e0fb15a26e2eedf73d94a..light
to .font-alt
for changing font weights https://github.com/Spiderpig86/Cirrus/commit/f84b2648243c62792176e73c128a497d8c511278.0.5.4
https://github.com/Spiderpig86/Cirrus/commit/330e1c30d7536794c044ae06a038f793ab9498b0.btn-xxlarge
due to lack of usage https://github.com/Spiderpig86/Cirrus/commit/cafa7801ced95921873ecf5d688c37a07f56bdda.--danger
to --error
https://github.com/Spiderpig86/Cirrus/commit/6050e301e2e59700211c21f881b446578ab71ec6.fa
to `fa-wrapper to avoid conflict with FontAwesome https://github.com/Spiderpig86/Cirrus/commit/b83d7a1a2bb4b5a64e8bd2aa09d0538d2415e0fa.btn-accent
https://github.com/Spiderpig86/Cirrus/commit/36058c12add77be48c82a33a5787cd6f4012a8c9.menu-dropdown
to list list-dropown
.fluid-container
and col-fluid
, just use row
and col
respectively..row.expand
to .row.row--nowrap
..divded
class within row
since the divider
class replaces it.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.
navbar a
now spans the height of the header menu.card-title
now has a more subtle shadow.modal
now have padding of 1rem 3rem
to reduce clustering.modal
(refer to documentation in Components)tooltip
to be component agnostic and added more directions for tooltip display.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
placeholder
tabs-classic
rendering with improved styling and support for glyphs.pad-left
and pad-right
, but will be phased out in 0.5.5.toast
interface.modal-animated--zoom-in
instead of modal-zoom-in
.card-tile
is now tile
.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.
.nested-list
since it was not needed anymore)..card-tile
instead of rows and columns and fixed text being covered up..mobile-title .title
and .mobile-title .subtitle
row.flex
in favor of fluid-container.wrap
for flex layouts with wrapping.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.
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!