2020-03-28 18:51:38 +00:00
|
|
|
/* *******************************************************************************************
|
|
|
|
* TAILWIND.CSS
|
|
|
|
* DOCUMENTATION: https://tailwindcss.com/
|
|
|
|
* ******************************************************************************************* */
|
2020-03-28 21:03:51 +00:00
|
|
|
|
|
|
|
/* *******************************************************************************************
|
|
|
|
* AVAILABLE BREAKPOINTS
|
|
|
|
* ******************************************************************************************* */
|
|
|
|
|
|
|
|
/*
|
|
|
|
* sm: min-width: 640px;
|
|
|
|
* md: min-width: 768px;
|
|
|
|
* lg: min-width: 1024px;
|
|
|
|
* xl: min-width: 1280px;
|
|
|
|
*/
|
|
|
|
|
2020-03-28 21:20:11 +00:00
|
|
|
/* *******************************************************************************************
|
|
|
|
* LAYOUT
|
2020-03-28 21:03:51 +00:00
|
|
|
* ******************************************************************************************* */
|
|
|
|
|
|
|
|
/*
|
2020-03-28 21:20:11 +00:00
|
|
|
* Container
|
|
|
|
* ----------
|
|
|
|
* A component for fixing an element's width to the current breakpoint.
|
2020-03-28 21:03:51 +00:00
|
|
|
*/
|
|
|
|
|
2020-03-28 21:20:11 +00:00
|
|
|
.container
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Box-sizing
|
|
|
|
* ----------
|
2020-03-28 21:03:51 +00:00
|
|
|
* Utilities for controlling how the browser should calculate an element's total size.
|
|
|
|
* By default, only responsive variants are generated for box-sizing utilities.
|
2020-03-28 21:20:11 +00:00
|
|
|
*/
|
2020-03-28 21:03:51 +00:00
|
|
|
|
2020-03-28 21:10:06 +00:00
|
|
|
.box-border /* box-sizing: border-box; */
|
2020-03-28 21:03:51 +00:00
|
|
|
.box-content /* box-sizing: content-box; */
|
2020-03-28 21:10:06 +00:00
|
|
|
|
2020-03-28 21:20:11 +00:00
|
|
|
/*
|
|
|
|
* Display
|
|
|
|
* ----------
|
2020-03-28 21:10:06 +00:00
|
|
|
* Utilities for controlling the display box type of an element.
|
|
|
|
* By default, only responsive variants are generated for display utilities.
|
2020-03-28 21:20:11 +00:00
|
|
|
*/
|
2020-03-28 21:10:06 +00:00
|
|
|
|
2020-03-28 21:12:59 +00:00
|
|
|
.hidden /* display: none; */
|
|
|
|
.block /* display: block; */
|
|
|
|
.inline-block /* display: inline-block; */
|
|
|
|
.inline /* display: inline; */
|
|
|
|
.flex /* display: flex; */
|
|
|
|
.inline-flex /* display: inline-flex; */
|
|
|
|
.grid /* display: grid; */
|
|
|
|
.table /* display: table; */
|
|
|
|
.table-caption /* display: table-caption; */
|
|
|
|
.table-cell /* display: table-cell; */
|
|
|
|
.table-column /* display: table-column; */
|
|
|
|
.table-column-group /* display: table-column-group; */
|
|
|
|
.table-footer-group /* display: table-footer-group; */
|
|
|
|
.table-header-group /* display: table-header-group; */
|
|
|
|
.table-row-group /* display: table-row-group; */
|
|
|
|
.table-row /* display: table-row; */
|
2020-03-28 21:10:06 +00:00
|
|
|
|
2020-03-28 21:20:11 +00:00
|
|
|
/*
|
|
|
|
* Floats
|
|
|
|
* ----------
|
2020-03-28 21:12:59 +00:00
|
|
|
* Utilities for controlling the wrapping of content around an element.
|
|
|
|
* By default, only responsive variants are generated for float utilities.
|
2020-03-28 21:20:11 +00:00
|
|
|
*/
|
2020-03-28 21:10:06 +00:00
|
|
|
|
2020-03-28 21:12:59 +00:00
|
|
|
.float-right /* float: right; */
|
|
|
|
.float-left /* float: left; */
|
|
|
|
.float-none /* float: none; */
|
|
|
|
.clearfix /* &::after { content: ""; display: table; clear: both; } */
|
2020-03-28 21:16:02 +00:00
|
|
|
|
2020-03-28 21:20:11 +00:00
|
|
|
/*
|
|
|
|
* Clear
|
|
|
|
* ----------
|
2020-03-28 21:16:02 +00:00
|
|
|
* Utilities for controlling the wrapping of content around an element.
|
|
|
|
* By default, only responsive variants are generated for clear utilities.
|
2020-03-28 21:20:11 +00:00
|
|
|
*/
|
2020-03-28 21:16:02 +00:00
|
|
|
|
|
|
|
.clear-left /* clear: left; */
|
|
|
|
.clear-right /* clear: right; */
|
|
|
|
.clear-both /* clear: both; */
|