mirror of
https://github.com/namibia/awesome-cheatsheets.git
synced 2024-06-02 12:50:46 +00:00
40 lines
1.4 KiB
CSS
40 lines
1.4 KiB
CSS
/* *******************************************************************************************
|
|
* TAILWIND.CSS
|
|
* DOCUMENTATION: https://tailwindcss.com/
|
|
* ******************************************************************************************* */
|
|
|
|
/* *******************************************************************************************
|
|
* AVAILABLE BREAKPOINTS
|
|
* ******************************************************************************************* */
|
|
|
|
/*
|
|
* sm: min-width: 640px;
|
|
* md: min-width: 768px;
|
|
* lg: min-width: 1024px;
|
|
* xl: min-width: 1280px;
|
|
*/
|
|
|
|
/* *******************************************************************************************
|
|
* CONTAINER
|
|
* A component for fixing an element's width to the current breakpoint.
|
|
* ******************************************************************************************* */
|
|
|
|
.container
|
|
|
|
/*
|
|
* none: width: 100%;
|
|
* sm: max-width: 640px;
|
|
* md: max-width: 768px;
|
|
* lg: max-width: 1024px;
|
|
* xl: max-width: 1280px;
|
|
*/
|
|
|
|
/* *******************************************************************************************
|
|
* BOX-SIZING
|
|
* Utilities for controlling how the browser should calculate an element's total size.
|
|
* By default, only responsive variants are generated for box-sizing utilities.
|
|
* ******************************************************************************************* */
|
|
|
|
.box-border /* box-sizing: border-box; */
|
|
.box-content /* box-sizing: content-box; */
|