knowledge/awesome-cheatsheets
1
1
Fork 0
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-12-24 19:10:21 +00:00
Code Issues Releases Activity

docs(tailwind): add breakpoints + container + box-sizing

Browse Source
This commit is contained in:
Julien Le Coupanec 2020-03-28 22:03:51 +01:00
parent f305520707
commit e3e212be25
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/tailwind.css
View File

@ -2,3 +2,38 @@
* 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; */