Box Shadow

Official Tailwind Documentation
Class Properties
gl-shadow
--tw-shadow: 0 1px 4px 0 #0000004d;
--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-none
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-sm
--tw-shadow: 0 0 2px var(--gl-shadow-color-default, #05050629), 0 1px 4px var(--gl-shadow-color-default, #05050629);
--tw-shadow-colored: 0 0 2px var(--tw-shadow-color), 0 1px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-md
--tw-shadow: 0 0 1px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629), 0 2px 8px var(--gl-shadow-color-default, #05050629);
--tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 0 2px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-lg
--tw-shadow: 0 0 2px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629), 0 4px 12px var(--gl-shadow-color-default, #05050629);
--tw-shadow-colored: 0 0 2px var(--tw-shadow-color), 0 0 2px var(--tw-shadow-color), 0 4px 12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-blue-500
--tw-shadow: inset 0 0 0 1px var(--blue-500, #1f75cb);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-gray-100
--tw-shadow: inset 0 0 0 1px var(--gray-100, #dcdcde);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-border-default
--tw-shadow: inset 0 0 0 1px var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde));
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-border-subtle
--tw-shadow: inset 0 0 0 1px var(--gl-border-color-subtle, var(--gl-color-neutral-50, #ececef));
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-border-strong
--tw-shadow: inset 0 0 0 1px var(--gl-border-color-strong, var(--gl-color-neutral-200, #bfbfc3));
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-gray-200
--tw-shadow: inset 0 0 0 1px var(--gray-200, #bfbfc3);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-gray-400
--tw-shadow: inset 0 0 0 1px var(--gray-400, #89888d);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-red-300
--tw-shadow: inset 0 0 0 1px var(--red-300, #f57f6c);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-red-400
--tw-shadow: inset 0 0 0 1px var(--red-400, #ec5941);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-1-red-500
--tw-shadow: inset 0 0 0 1px var(--red-500, #dd2b0e);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-2-blue-400
--tw-shadow: inset 0 0 0 2px var(--blue-400, #428fdc);
--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-b-1-gray-100
--tw-shadow: inset 0 -1px 0 0 var(--gray-100, #dcdcde);
--tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-b-1-border-default
--tw-shadow: inset 0 -1px 0 0 var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde));
--tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-b-2-blue-500
--tw-shadow: inset 0 -2px 0 0 var(--blue-500, #1f75cb);
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-b-2-theme-accent
--tw-shadow: inset 0 -2px 0 0 var(--gl-theme-accent, var(--theme-indigo-500, #6666c4));
--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-l-3-red-600
--tw-shadow: inset 3px 0 0 0 var(--red-600, #c91c00);
--tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-inner-l-4-gray-100
--tw-shadow: inset 4px 0 0 0 var(--gray-100, #dcdcde);
--tw-shadow-colored: inset 4px 0 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-x0-y0-b3-s1-blue-500
--tw-shadow: inset 0 0 3px 1px var(--blue-500, #1f75cb);
--tw-shadow-colored: inset 0 0 3px 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
gl-shadow-x0-y2-b4-s0
--tw-shadow: 0 2px 4px 0 #0000001a;
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);