knowledge
/
awesome-cheatsheets
mirror of https://github.com/namibia/awesome-cheatsheets.git
1
1
Fork 0
Code Issues Releases Activity

docs(tailwind): add opacity

This commit is contained in:
Julien Le Coupanec 2020-03-29 17:48:27 +02:00
parent b7d5f219aa
commit 330f8970f4
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/tailwind.css
View File

@ -1899,17 +1899,33 @@
* BOX SHADOW
* --------------------
* Utilities for controlling the box shadow of an element.
*
* By default, only responsive, hover and focus variants are generated for box shadow utilities.
*/
.shadow-xs /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); */
.shadow-sm /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); */
.shadow /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); */
.shadow-md /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
.shadow-lg /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); */
.shadow-xl /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */
.shadow-2xl /* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); */
.shadow-inner /* box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); */
.shadow-outline /* box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); */
.shadow-none /* box-shadow: none; */
/*
* OPACITY
* --------------------
* Utilities for controlling the opacity of an element.
*
* By default, only responsive, hover and focus variants are generated for opacity utilities.
*/
.opacity-100 /* opacity: 1; */
.opacity-75 /* opacity: .75; */
.opacity-50 /* opacity: .5; */
.opacity-25 /* opacity: .25; */
.opacity-0 /* opacity: 0; */
/* *******************************************************************************************
* TRANSITIONS
* ******************************************************************************************* */