@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 1.45 kB
Source Map (JSON)
{"version":3,"names":[],"mappings":"","sources":["imports/mixins/shadows.less"],"sourcesContent":["\n#aui {\n .shadow {\n // For use on cards and other things that sit flush on top of other layers.\n .z100() {\n box-shadow:\n 0 1px 1px @ak-color-N40A,\n 0 0 1px 0 @ak-color-N50A;\n }\n\n // For inline dialogs\n .z200() {\n box-shadow:\n 0 4px 8px -2px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // For modal dialogs\n .z300() {\n box-shadow:\n 0 8px 16px -4px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // For flags and notifications\n .z500() {\n box-shadow:\n 0 20px 32px -8px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // Deprecated since AUI 7.3\n .inner(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset) {\n box-shadow+: @inner;\n }\n\n // Deprecated since AUI 7.3\n .outer(@outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n box-shadow+: @outer;\n }\n\n // Deprecated since AUI 7.3\n .inner-and-outer(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, @outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n .inner(@inner);\n .outer(@outer);\n }\n }\n}\n"],"file":"shadows.css"}