UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

1 lines 3.29 kB
{"version":3,"sources":["aui-avatars.less"],"names":[],"mappings":"AAuBA;EACI,sBAAA;EACA,qBAAA;EACA,kBAAA;EACA,2BAAA;;AAEA,WAAC;EACG,aAAA;EACA,uBAAA;EACA,qBAAA;EAEA,mBAAA;EACA,gBAAA;;AAGJ,WAAE;EACE,cAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;;AAvCJ,WAAC,YAAY;AACb,WAAC,YAAY,MAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,KAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,MAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,KAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,MAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,OAAQ;EACjB,YAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;;AALJ,WAAC,YAAY;AACb,WAAC,YAAY,QAAQ;EACjB,aAAA;EACA,gBAAA;EACA,iBAAA;EACA,YAAA;;AAKJ,WAyCC,QAzCA,YAAY;EACT,mBAAA;;AADJ,WAyCC,QAzCA,YAAY,QAGT;EACI,mBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,OAGT;EACI,kBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,MAGT;EACI,kBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,KAGT;EACI,kBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,MAGT;EACI,kBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,KAGT;EACI,kBAAA;;AAJR,WAyCC,QAzCA,YAAY;EACT,kBAAA;;AADJ,WAyCC,QAzCA,YAAY,MAGT;EACI,kBAAA","sourcesContent":["@import './imports/global';\n\n.aui-avatar-size(@type, @size) {\n &.aui-avatar-@{type},\n &.aui-avatar-@{type} .aui-avatar-inner {\n height: @size;\n max-width: @size;\n max-height: @size;\n width: @size;\n }\n}\n\n.aui-avatar-border-size(@type, @size, @border-radius: (@size * @aui-avatar-border-radius-ratio)) {\n &.aui-avatar-@{type} {\n border-radius: @border-radius;\n\n .aui-avatar-inner {\n border-radius: @border-radius;\n }\n }\n}\n\n// AUI avatar component\n.aui-avatar {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n vertical-align: text-bottom;\n\n &-inner {\n display: flex;\n justify-content: center;\n align-content: center;\n\n border-radius: 100%;\n overflow: hidden;\n }\n\n & img {\n display: block;\n height: 100%;\n margin: auto;\n width: 100%;\n }\n\n .aui-avatar-size(xsmall, @aui-avatar-size-xsmall);\n .aui-avatar-size(small, @aui-avatar-size-small);\n .aui-avatar-size(medium, @aui-avatar-size-medium);\n .aui-avatar-size(large, @aui-avatar-size-large);\n .aui-avatar-size(xlarge, @aui-avatar-size-xlarge);\n .aui-avatar-size(xxlarge, @aui-avatar-size-xxlarge);\n .aui-avatar-size(xxxlarge, @aui-avatar-size-xxxlarge);\n\n // Project avatars - circular and different sizes\n &-project {\n .aui-avatar-border-size(xxxlarge, @aui-avatar-size-xxxlarge, 12px);\n .aui-avatar-border-size(xxlarge, @aui-avatar-size-xxlarge, 6px);\n .aui-avatar-border-size(xlarge, @aui-avatar-size-xlarge, 6px);\n .aui-avatar-border-size(large, @aui-avatar-size-large, 3px);\n .aui-avatar-border-size(medium, @aui-avatar-size-medium, 3px);\n .aui-avatar-border-size(small, @aui-avatar-size-small, 2px);\n .aui-avatar-border-size(xsmall, @aui-avatar-size-xsmall, 2px);\n }\n}\n"],"file":"aui-avatars.css"}