Card
The card module provides you with modern, responsive, general-purpose containers for your page's contents. They are very easy to use and their structure is really simple and versatile. Layouts will respond to smaller screens, realigning the cards in a manner that makes your page mobile-friendly.
All examples showcased refer to the mini-default flavor, some class names and styles might differ based on the flavor you're using.
@@ -51,7 +51,7 @@Quick overview
@@ -66,7 +66,7 @@Basic syntax
Sections & media
Card sizing & fluidity
If you want to learn more about mini.css's modules, go back to the modules page and choose another module to see its documentation.
Notes
- The
.spinner-donut
is an animated component, meaning that if a browsers does not support animation, this element might display incorrectly.
- - In certain cases, it might be useful to add the
role="progressbar"
attribute to increase donut spinner accessibility.
+ - In certain cases, it might be useful to add the
role="progressbar"
attribute to increase donut spinner accessibility.
Table
The table module provides styling and responsiveness for tables. Simple rules and accessible design paradigms have been used to make creating tables quick and easy. Large tables will collapse to cards when on smaller devices or, if you don't want that, they can be locked into their default, desktop view.
All examples showcased refer to the mini-default flavor, some class names and styles might differ based on the flavor you're using.
@@ -57,7 +57,7 @@Quick overview
@@ -72,7 +72,7 @@Basic syntax & responsiveness
Horizontal tables
@@ -275,7 +275,7 @@Table variants & matrices
If you want to learn more about mini.css's modules, go back to the modules page and choose another module to see its documentation.