Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add neumorphic-shadow helpers

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 20:51:19 -05:00
parent a8502bfd42
commit 1386676ae6
1 changed files with 24 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/css/tailwind.css
View file

@ -60,3 +60,27 @@
* @import "utilities/background-patterns"; * @import "utilities/background-patterns";
* @import "utilities/skew-transforms"; * @import "utilities/skew-transforms";
*/ */
.neumorphic-shadow,
.hover\:neumorphic-shadow:hover {
/* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
box-shadow:
-0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
-.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12),
inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05);
}
.neumorphic-shadow-inner,
.hover\:neumorphic-shadow-inner:hover {
/* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
box-shadow:
inset -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
inset 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
inset -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
inset 0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
/* inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05); */
}