mekari_ui_toolkit 1.0.12 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. checksums.yaml +4 -4
  2. data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css +1 -1
  3. data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css.map +1 -1
  4. data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css +638 -42
  5. data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css.map +1 -1
  6. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css +638 -42
  7. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css.map +1 -1
  8. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css +1 -1
  9. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css.map +1 -1
  10. data/lib/assets/stylesheets/scss/components/config/_avatar.scss +50 -22
  11. data/lib/mekari_ui_toolkit/version.rb +1 -1
  12. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7fd545d55f689f2d828face3e71474606d44aa963c758bced0dbb1565a4fe868
4
- data.tar.gz: 006bfff8e40961ab7b89049d40196269567df85d5cb63f98023235b4b6a2a804
3
+ metadata.gz: 729f2b0e0277e3b5176ba0240b408b487445289a8c051a8c324018a601b2112f
4
+ data.tar.gz: 86d77a7cf0d267e2a4053b20ba4ba34fb1d669a1770c68fd6c8943fa4493d756
5
5
  SHA512:
6
- metadata.gz: 51836a0723fc08a1d4fd3dd60832dbdde16fa8e8d442d5da4dacd3e89ffb7cab761dc6be40381f14b2f52ad2946a671bacba4345edc053e8757d17313cde2caa
7
- data.tar.gz: 8632e945432484a70676ac8d0d724812b10a9cd84dd2ddb071978ce47aa63e21619f05ae0d09fa546c36e702e31aa81e13451cd84ffa092bf43b3f2a298c72b1
6
+ metadata.gz: ef1c2c4e39422b7408130239a64cdc028314e8a0f30547ffd30bd0379341464a452964867d3ac3c386e60f025664ed5ea8c770cfbb79aadb47a0e5a8763dcf58
7
+ data.tar.gz: 77ab418e54e163b4ab75c3f76cc71f5fd21897045ba8d0a3b9d6d54b630201c78c4c9c379c04a80687f69ecc1d5501d8af254fc557f64b9aea09c5161540ac64
data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css CHANGED
@@ -1,2 +1,2 @@
1
- @charset "UTF-8";.avatar.avatar-default-file,.avatar.avatar-default-image,.avatar.avatar-default-people{background-repeat:no-repeat;background-position:center center;background-origin:content-box;background-size:60% 60%}.avatar.avatar-xlarge::after,.avatar::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar{position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;background-color:#e2e2e2}.avatar::after{content:"\A";background:rgba(0,0,0,.5)}.avatar:hover::after{cursor:pointer;opacity:1}.avatar .avatar-photo{width:100%;height:100%;vertical-align:top;background-color:#e2e2e2}.avatar.avatar-default-people{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.avatar.avatar-default-file{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-default-image{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-small{width:24px;height:24px;line-height:24px}.avatar.avatar-small .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:10.8px;color:#777}.avatar.avatar-medium{width:40px;height:40px;line-height:40px}.avatar.avatar-medium .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:18px;color:#777}.avatar.avatar-large{width:60px;height:60px;line-height:60px}.avatar.avatar-large .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:27px;color:#777}.avatar.avatar-xlarge{width:120px;height:120px;line-height:120px}.avatar.avatar-xlarge .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:54px;color:#777}.avatar.avatar-xlarge{font-family:Mekari-Icon-Regular;font-size:24px}.avatar.avatar-xlarge::after{color:#fff;content:"\e877"}.avatar.avatar-xlarge:hover::after{cursor:pointer;opacity:1}.avatar.avatar-circle{border-radius:100%}.avatar.avatar-square{border-radius:8px}.avatar-stacked{display:flex;flex-wrap:wrap;align-items:center;font-size:0}.avatar-stacked .avatar-small{box-shadow:2.4px 0 0 1.2px #fff}.avatar-stacked .avatar-small:nth-child(1){z-index:5}.avatar-stacked .avatar-small:nth-child(2){right:2.4px;z-index:4}.avatar-stacked .avatar-small:nth-child(3){right:4.8px;z-index:3}.avatar-stacked .avatar-small:nth-child(4){right:7.2px;z-index:2}.avatar-stacked .avatar-small:nth-child(5){right:9.6px;z-index:1}.avatar-stacked .avatar-medium{box-shadow:4px 0 0 2px #fff}.avatar-stacked .avatar-medium:nth-child(1){z-index:5}.avatar-stacked .avatar-medium:nth-child(2){right:4px;z-index:4}.avatar-stacked .avatar-medium:nth-child(3){right:8px;z-index:3}.avatar-stacked .avatar-medium:nth-child(4){right:12px;z-index:2}.avatar-stacked .avatar-medium:nth-child(5){right:16px;z-index:1}.avatar-stacked .avatar-large{box-shadow:6px 0 0 3px #fff}.avatar-stacked .avatar-large:nth-child(1){z-index:5}.avatar-stacked .avatar-large:nth-child(2){right:6px;z-index:4}.avatar-stacked .avatar-large:nth-child(3){right:12px;z-index:3}.avatar-stacked .avatar-large:nth-child(4){right:18px;z-index:2}.avatar-stacked .avatar-large:nth-child(5){right:24px;z-index:1}.avatar-stacked .avatar-xlarge{box-shadow:12px 0 0 6px #fff}.avatar-stacked .avatar-xlarge:nth-child(1){z-index:5}.avatar-stacked .avatar-xlarge:nth-child(2){right:12px;z-index:4}.avatar-stacked .avatar-xlarge:nth-child(3){right:24px;z-index:3}.avatar-stacked .avatar-xlarge:nth-child(4){right:36px;z-index:2}.avatar-stacked .avatar-xlarge:nth-child(5){right:48px;z-index:1}.avatar-stacked .avatar-stacked-text{color:#1357ff;cursor:pointer}.avatar-stacked .avatar-stacked-text p{margin:0;line-height:14px}.avatar-stacked .avatar-stacked-text.dropdown-toggle::after{display:none}.avatar-grid-container{display:inline-block}.avatar-grid-row{font-size:0}.avatar-grid-row .avatar-small{margin-left:8px}.avatar-grid-row .avatar-small:first-child{margin-left:0}.avatar-grid-row .avatar-medium{margin-left:13.333333px}.avatar-grid-row .avatar-medium:first-child{margin-left:0}.avatar-grid-row .avatar-large{margin-left:20px}.avatar-grid-row .avatar-large:first-child{margin-left:0}.avatar-grid-row .avatar-xlarge{margin-left:40px}.avatar-grid-row .avatar-xlarge:first-child{margin-left:0}.avatar-grid-row .avatar-grid-text{padding-top:8px;color:#1357ff;text-align:center;cursor:pointer}.avatar-grid-row .avatar-grid-text p{margin:0}.avatar-grid-row .avatar-grid-text.dropdown-toggle::after{display:none}.avatar-grid-small .avatar-grid-row{padding-top:8px}.avatar-grid-small .avatar-grid-row:first-child{padding-top:0}.avatar-grid-medium .avatar-grid-row{padding-top:13.333333px}.avatar-grid-medium .avatar-grid-row:first-child{padding-top:0}.avatar-grid-large .avatar-grid-row{padding-top:20px}.avatar-grid-large .avatar-grid-row:first-child{padding-top:0}.avatar-grid-xlarge .avatar-grid-row{padding-top:40px}.avatar-grid-xlarge .avatar-grid-row:first-child{padding-top:0}
1
+ @charset "UTF-8";.avatar.avatar-default-file,.avatar.avatar-default-image,.avatar.avatar-default-people{background-repeat:no-repeat;background-position:center center;background-origin:content-box;background-size:60% 60%}.avatar.avatar-xlarge::after,.avatar::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar{position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;background-color:#e2e2e2}.avatar.dropdown-toggle::after{display:initial!important}.avatar::after{content:"\A";background:rgba(0,0,0,.5)!important}.avatar:hover{cursor:pointer}.avatar:hover::after{cursor:pointer;opacity:1}.avatar .avatar-photo{width:100%;height:100%;vertical-align:top;background-color:#e2e2e2}.avatar.avatar-default-people{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.avatar.avatar-default-file{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-default-image{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.avatar.avatar-xsmall{width:24px;height:24px;line-height:24px}.avatar.avatar-xsmall .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:10.8px;color:#777}.avatar.avatar-small{width:32px;height:32px;line-height:32px}.avatar.avatar-small .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:14.4px;color:#777}.avatar.avatar-medium{width:40px;height:40px;line-height:40px}.avatar.avatar-medium .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:18px;color:#777}.avatar.avatar-large{width:60px;height:60px;line-height:60px}.avatar.avatar-large .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:27px;color:#777}.avatar.avatar-xlarge{width:120px;height:120px;line-height:120px}.avatar.avatar-xlarge .avatar-initial{font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:54px;color:#777}.avatar.avatar-xlarge{font-family:Mekari-Icon-Regular;font-size:24px}.avatar.avatar-xlarge::after{color:#fff;content:"\e877"}.avatar.avatar-xlarge:hover::after{cursor:pointer;opacity:1}.avatar.avatar-circle{border-radius:100%}.avatar.avatar-square{border-radius:8px}.avatar-stacked{display:inline-flex;flex-wrap:wrap;align-items:center;font-size:0}.avatar-stacked .avatar-xsmall{box-shadow:.6px 0 0 .6px #fff}.avatar-stacked .avatar-xsmall:nth-child(1){right:0;z-index:6}.avatar-stacked .avatar-xsmall:nth-child(2){right:6px;z-index:5}.avatar-stacked .avatar-xsmall:nth-child(3){right:12px;z-index:4}.avatar-stacked .avatar-xsmall:nth-child(4){right:18px;z-index:3}.avatar-stacked .avatar-xsmall:nth-child(5){right:24px;z-index:2}.avatar-stacked .avatar-xsmall:nth-child(6){right:30px;z-index:1}.avatar-stacked .avatar-small{box-shadow:.8px 0 0 .8px #fff}.avatar-stacked .avatar-small:nth-child(1){right:0;z-index:6}.avatar-stacked .avatar-small:nth-child(2){right:8px;z-index:5}.avatar-stacked .avatar-small:nth-child(3){right:16px;z-index:4}.avatar-stacked .avatar-small:nth-child(4){right:24px;z-index:3}.avatar-stacked .avatar-small:nth-child(5){right:32px;z-index:2}.avatar-stacked .avatar-small:nth-child(6){right:40px;z-index:1}.avatar-stacked .avatar-medium{box-shadow:1px 0 0 1px #fff}.avatar-stacked .avatar-medium:nth-child(1){right:0;z-index:6}.avatar-stacked .avatar-medium:nth-child(2){right:10px;z-index:5}.avatar-stacked .avatar-medium:nth-child(3){right:20px;z-index:4}.avatar-stacked .avatar-medium:nth-child(4){right:30px;z-index:3}.avatar-stacked .avatar-medium:nth-child(5){right:40px;z-index:2}.avatar-stacked .avatar-medium:nth-child(6){right:50px;z-index:1}.avatar-stacked .avatar-large{box-shadow:1.5px 0 0 1.5px #fff}.avatar-stacked .avatar-large:nth-child(1){right:0;z-index:6}.avatar-stacked .avatar-large:nth-child(2){right:15px;z-index:5}.avatar-stacked .avatar-large:nth-child(3){right:30px;z-index:4}.avatar-stacked .avatar-large:nth-child(4){right:45px;z-index:3}.avatar-stacked .avatar-large:nth-child(5){right:60px;z-index:2}.avatar-stacked .avatar-large:nth-child(6){right:75px;z-index:1}.avatar-stacked .avatar-xlarge{box-shadow:3px 0 0 3px #fff}.avatar-stacked .avatar-xlarge:nth-child(1){right:0;z-index:6}.avatar-stacked .avatar-xlarge:nth-child(2){right:30px;z-index:5}.avatar-stacked .avatar-xlarge:nth-child(3){right:60px;z-index:4}.avatar-stacked .avatar-xlarge:nth-child(4){right:90px;z-index:3}.avatar-stacked .avatar-xlarge:nth-child(5){right:120px;z-index:2}.avatar-stacked .avatar-xlarge:nth-child(6){right:150px;z-index:1}.avatar-stacked .avatar-stacked-text{position:relative;color:#1357ff;cursor:pointer}.avatar-stacked .avatar-stacked-text p{padding-left:8px;margin:0;line-height:14px}.avatar-stacked .avatar-stacked-text.dropdown-toggle::after{display:none}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall{box-shadow:-.6px 0 0 .6px #fff}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1){z-index:1}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2){z-index:2}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3){z-index:3}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4){z-index:4}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5){z-index:5}.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6){z-index:6}.avatar-stacked.avatar-stacked-reversed .avatar-small{box-shadow:-.8px 0 0 .8px #fff}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1){z-index:1}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2){z-index:2}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3){z-index:3}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4){z-index:4}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5){z-index:5}.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6){z-index:6}.avatar-stacked.avatar-stacked-reversed .avatar-medium{box-shadow:-1px 0 0 1px #fff}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1){z-index:1}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2){z-index:2}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3){z-index:3}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4){z-index:4}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5){z-index:5}.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6){z-index:6}.avatar-stacked.avatar-stacked-reversed .avatar-large{box-shadow:-1.5px 0 0 1.5px #fff}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1){z-index:1}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2){z-index:2}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3){z-index:3}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4){z-index:4}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5){z-index:5}.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6){z-index:6}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge{box-shadow:-3px 0 0 3px #fff}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1){z-index:1}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2){z-index:2}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3){z-index:3}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4){z-index:4}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5){z-index:5}.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6){z-index:6}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1){right:0}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2){right:3px}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3){right:6px}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4){right:9px}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5){right:12px}.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6){right:15px}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1){right:0}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2){right:4px}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3){right:8px}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4){right:12px}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5){right:16px}.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6){right:20px}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1){right:0}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2){right:5px}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3){right:10px}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4){right:15px}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5){right:20px}.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6){right:25px}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1){right:0}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2){right:7.5px}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3){right:15px}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4){right:22.5px}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5){right:30px}.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6){right:37.5px}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1){right:0}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2){right:15px}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3){right:30px}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4){right:45px}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5){right:60px}.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6){right:75px}.avatar-pull-xsmall-1{right:calc(0px)!important}.avatar-push-xsmall-1{left:calc(0px)!important}.avatar-pull-xsmall-2{right:calc(6px)!important}.avatar-push-xsmall-2{left:calc(6px)!important}.avatar-pull-xsmall-3{right:calc(12px)!important}.avatar-push-xsmall-3{left:calc(12px)!important}.avatar-pull-xsmall-4{right:calc(18px)!important}.avatar-push-xsmall-4{left:calc(18px)!important}.avatar-pull-xsmall-5{right:calc(24px)!important}.avatar-push-xsmall-5{left:calc(24px)!important}.avatar-pull-xsmall-6{right:calc(30px)!important}.avatar-push-xsmall-6{left:calc(30px)!important}.avatar-pull-small-1{right:calc(0px)!important}.avatar-push-small-1{left:calc(0px)!important}.avatar-pull-small-2{right:calc(8px)!important}.avatar-push-small-2{left:calc(8px)!important}.avatar-pull-small-3{right:calc(16px)!important}.avatar-push-small-3{left:calc(16px)!important}.avatar-pull-small-4{right:calc(24px)!important}.avatar-push-small-4{left:calc(24px)!important}.avatar-pull-small-5{right:calc(32px)!important}.avatar-push-small-5{left:calc(32px)!important}.avatar-pull-small-6{right:calc(40px)!important}.avatar-push-small-6{left:calc(40px)!important}.avatar-pull-medium-1{right:calc(0px)!important}.avatar-push-medium-1{left:calc(0px)!important}.avatar-pull-medium-2{right:calc(10px)!important}.avatar-push-medium-2{left:calc(10px)!important}.avatar-pull-medium-3{right:calc(20px)!important}.avatar-push-medium-3{left:calc(20px)!important}.avatar-pull-medium-4{right:calc(30px)!important}.avatar-push-medium-4{left:calc(30px)!important}.avatar-pull-medium-5{right:calc(40px)!important}.avatar-push-medium-5{left:calc(40px)!important}.avatar-pull-medium-6{right:calc(50px)!important}.avatar-push-medium-6{left:calc(50px)!important}.avatar-pull-large-1{right:calc(0px)!important}.avatar-push-large-1{left:calc(0px)!important}.avatar-pull-large-2{right:calc(15px)!important}.avatar-push-large-2{left:calc(15px)!important}.avatar-pull-large-3{right:calc(30px)!important}.avatar-push-large-3{left:calc(30px)!important}.avatar-pull-large-4{right:calc(45px)!important}.avatar-push-large-4{left:calc(45px)!important}.avatar-pull-large-5{right:calc(60px)!important}.avatar-push-large-5{left:calc(60px)!important}.avatar-pull-large-6{right:calc(75px)!important}.avatar-push-large-6{left:calc(75px)!important}.avatar-pull-xlarge-1{right:calc(0px)!important}.avatar-push-xlarge-1{left:calc(0px)!important}.avatar-pull-xlarge-2{right:calc(30px)!important}.avatar-push-xlarge-2{left:calc(30px)!important}.avatar-pull-xlarge-3{right:calc(60px)!important}.avatar-push-xlarge-3{left:calc(60px)!important}.avatar-pull-xlarge-4{right:calc(90px)!important}.avatar-push-xlarge-4{left:calc(90px)!important}.avatar-pull-xlarge-5{right:calc(120px)!important}.avatar-push-xlarge-5{left:calc(120px)!important}.avatar-pull-xlarge-6{right:calc(150px)!important}.avatar-push-xlarge-6{left:calc(150px)!important}.avatar-grid-container{display:inline-block}.avatar-grid-row{font-size:0}.avatar-grid-row .avatar-xsmall{margin-left:8px}.avatar-grid-row .avatar-xsmall:first-child{margin-left:0}.avatar-grid-row .avatar-small{margin-left:10.666667px}.avatar-grid-row .avatar-small:first-child{margin-left:0}.avatar-grid-row .avatar-medium{margin-left:13.333333px}.avatar-grid-row .avatar-medium:first-child{margin-left:0}.avatar-grid-row .avatar-large{margin-left:20px}.avatar-grid-row .avatar-large:first-child{margin-left:0}.avatar-grid-row .avatar-xlarge{margin-left:40px}.avatar-grid-row .avatar-xlarge:first-child{margin-left:0}.avatar-grid-row .avatar-grid-text{padding-top:8px;color:#1357ff;text-align:center;cursor:pointer}.avatar-grid-row .avatar-grid-text p{margin:0}.avatar-grid-row .avatar-grid-text.dropdown-toggle::after{display:none}.avatar-grid-xsmall .avatar-grid-row{padding-top:8px}.avatar-grid-xsmall .avatar-grid-row:first-child{padding-top:0}.avatar-grid-small .avatar-grid-row{padding-top:10.666667px}.avatar-grid-small .avatar-grid-row:first-child{padding-top:0}.avatar-grid-medium .avatar-grid-row{padding-top:13.333333px}.avatar-grid-medium .avatar-grid-row:first-child{padding-top:0}.avatar-grid-large .avatar-grid-row{padding-top:20px}.avatar-grid-large .avatar-grid-row:first-child{padding-top:0}.avatar-grid-xlarge .avatar-grid-row{padding-top:40px}.avatar-grid-xlarge .avatar-grid-row:first-child{padding-top:0}
2
2
  /*# sourceMappingURL=mekari-ui-avatar-min.css.map */
data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/components/config/_avatar.scss"],"names":[],"mappings":"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","sourcesContent":["%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"small\": 24px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5);\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .45;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 10} 0 0 #{$size / 20} $white;\n }\n .avatar-#{$name}:nth-child(1) {\n z-index: 5;\n }\n .avatar-#{$name}:nth-child(2) {\n right: #{$size / 10};\n z-index: 4;\n }\n .avatar-#{$name}:nth-child(3) {\n right: #{$size / 10 * 2};\n z-index: 3;\n }\n .avatar-#{$name}:nth-child(4) {\n right: #{$size / 10 * 3};\n z-index: 2;\n }\n .avatar-#{$name}:nth-child(5) {\n right: #{$size / 10 * 4};\n z-index: 1;\n }\n }\n .avatar-stacked-text {\n color: $link;\n cursor: pointer;\n p {\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../scss/components/config/_avatar.scss"],"names":[],"mappings":"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","sourcesContent":["%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"xsmall\": 24px,\n \"small\": 32px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &.dropdown-toggle {\n &::after {\n display: initial !important; // stylelint-disable-line declaration-no-important\n }\n }\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5) !important; // stylelint-disable-line declaration-no-important\n }\n &:hover {\n cursor: pointer;\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .45;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n right: #{$size / 4 * ($i - 1)};\n z-index: 7 - $i;\n }\n }\n }\n .avatar-stacked-text {\n position: relative;\n color: $link;\n cursor: pointer;\n p {\n padding-left: 8px;\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n &.avatar-stacked-reversed {\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: -#{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n z-index: $i;\n }\n }\n }\n }\n &.avatar-stacked-sparse {\n @each $name, $size in $avatar-element-size {\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n right: #{$size / 8 * ($i - 1)};\n }\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n @for $i from 1 through 6 {\n .avatar-pull-#{$name}-#{$i} {\n right: calc(#{$size / 4 * ($i - 1)}) !important; // stylelint-disable-line declaration-no-important\n }\n .avatar-push-#{$name}-#{$i} {\n left: calc(#{$size / 4 * ($i - 1)}) !important; // stylelint-disable-line declaration-no-important\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n"]}
data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css CHANGED
@@ -24,9 +24,17 @@
24
24
  background-color: #e2e2e2;
25
25
  }
26
26
 
27
+ .avatar.dropdown-toggle::after {
28
+ display: initial !important;
29
+ }
30
+
27
31
  .avatar::after {
28
32
  content: "\A";
29
- background: rgba(0, 0, 0, 0.5);
33
+ background: rgba(0, 0, 0, 0.5) !important;
34
+ }
35
+
36
+ .avatar:hover {
37
+ cursor: pointer;
30
38
  }
31
39
 
32
40
  .avatar:hover::after {
@@ -54,18 +62,30 @@
54
62
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
55
63
  }
56
64
 
57
- .avatar.avatar-small {
65
+ .avatar.avatar-xsmall {
58
66
  width: 24px;
59
67
  height: 24px;
60
68
  line-height: 24px;
61
69
  }
62
70
 
63
- .avatar.avatar-small .avatar-initial {
71
+ .avatar.avatar-xsmall .avatar-initial {
64
72
  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
65
73
  font-size: 10.8px;
66
74
  color: #777;
67
75
  }
68
76
 
77
+ .avatar.avatar-small {
78
+ width: 32px;
79
+ height: 32px;
80
+ line-height: 32px;
81
+ }
82
+
83
+ .avatar.avatar-small .avatar-initial {
84
+ font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
85
+ font-size: 14.4px;
86
+ color: #777;
87
+ }
88
+
69
89
  .avatar.avatar-medium {
70
90
  width: 40px;
71
91
  height: 40px;
@@ -126,130 +146,190 @@
126
146
  }
127
147
 
128
148
  .avatar-stacked {
129
- display: flex;
149
+ display: inline-flex;
130
150
  flex-wrap: wrap;
131
151
  align-items: center;
132
152
  font-size: 0;
133
153
  }
134
154
 
155
+ .avatar-stacked .avatar-xsmall {
156
+ box-shadow: 0.6px 0 0 0.6px #fff;
157
+ }
158
+
159
+ .avatar-stacked .avatar-xsmall:nth-child(1) {
160
+ right: 0px;
161
+ z-index: 6;
162
+ }
163
+
164
+ .avatar-stacked .avatar-xsmall:nth-child(2) {
165
+ right: 6px;
166
+ z-index: 5;
167
+ }
168
+
169
+ .avatar-stacked .avatar-xsmall:nth-child(3) {
170
+ right: 12px;
171
+ z-index: 4;
172
+ }
173
+
174
+ .avatar-stacked .avatar-xsmall:nth-child(4) {
175
+ right: 18px;
176
+ z-index: 3;
177
+ }
178
+
179
+ .avatar-stacked .avatar-xsmall:nth-child(5) {
180
+ right: 24px;
181
+ z-index: 2;
182
+ }
183
+
184
+ .avatar-stacked .avatar-xsmall:nth-child(6) {
185
+ right: 30px;
186
+ z-index: 1;
187
+ }
188
+
135
189
  .avatar-stacked .avatar-small {
136
- box-shadow: 2.4px 0 0 1.2px #fff;
190
+ box-shadow: 0.8px 0 0 0.8px #fff;
137
191
  }
138
192
 
139
193
  .avatar-stacked .avatar-small:nth-child(1) {
140
- z-index: 5;
194
+ right: 0px;
195
+ z-index: 6;
141
196
  }
142
197
 
143
198
  .avatar-stacked .avatar-small:nth-child(2) {
144
- right: 2.4px;
145
- z-index: 4;
199
+ right: 8px;
200
+ z-index: 5;
146
201
  }
147
202
 
148
203
  .avatar-stacked .avatar-small:nth-child(3) {
149
- right: 4.8px;
150
- z-index: 3;
204
+ right: 16px;
205
+ z-index: 4;
151
206
  }
152
207
 
153
208
  .avatar-stacked .avatar-small:nth-child(4) {
154
- right: 7.2px;
155
- z-index: 2;
209
+ right: 24px;
210
+ z-index: 3;
156
211
  }
157
212
 
158
213
  .avatar-stacked .avatar-small:nth-child(5) {
159
- right: 9.6px;
214
+ right: 32px;
215
+ z-index: 2;
216
+ }
217
+
218
+ .avatar-stacked .avatar-small:nth-child(6) {
219
+ right: 40px;
160
220
  z-index: 1;
161
221
  }
162
222
 
163
223
  .avatar-stacked .avatar-medium {
164
- box-shadow: 4px 0 0 2px #fff;
224
+ box-shadow: 1px 0 0 1px #fff;
165
225
  }
166
226
 
167
227
  .avatar-stacked .avatar-medium:nth-child(1) {
168
- z-index: 5;
228
+ right: 0px;
229
+ z-index: 6;
169
230
  }
170
231
 
171
232
  .avatar-stacked .avatar-medium:nth-child(2) {
172
- right: 4px;
173
- z-index: 4;
233
+ right: 10px;
234
+ z-index: 5;
174
235
  }
175
236
 
176
237
  .avatar-stacked .avatar-medium:nth-child(3) {
177
- right: 8px;
178
- z-index: 3;
238
+ right: 20px;
239
+ z-index: 4;
179
240
  }
180
241
 
181
242
  .avatar-stacked .avatar-medium:nth-child(4) {
182
- right: 12px;
183
- z-index: 2;
243
+ right: 30px;
244
+ z-index: 3;
184
245
  }
185
246
 
186
247
  .avatar-stacked .avatar-medium:nth-child(5) {
187
- right: 16px;
248
+ right: 40px;
249
+ z-index: 2;
250
+ }
251
+
252
+ .avatar-stacked .avatar-medium:nth-child(6) {
253
+ right: 50px;
188
254
  z-index: 1;
189
255
  }
190
256
 
191
257
  .avatar-stacked .avatar-large {
192
- box-shadow: 6px 0 0 3px #fff;
258
+ box-shadow: 1.5px 0 0 1.5px #fff;
193
259
  }
194
260
 
195
261
  .avatar-stacked .avatar-large:nth-child(1) {
196
- z-index: 5;
262
+ right: 0px;
263
+ z-index: 6;
197
264
  }
198
265
 
199
266
  .avatar-stacked .avatar-large:nth-child(2) {
200
- right: 6px;
201
- z-index: 4;
267
+ right: 15px;
268
+ z-index: 5;
202
269
  }
203
270
 
204
271
  .avatar-stacked .avatar-large:nth-child(3) {
205
- right: 12px;
206
- z-index: 3;
272
+ right: 30px;
273
+ z-index: 4;
207
274
  }
208
275
 
209
276
  .avatar-stacked .avatar-large:nth-child(4) {
210
- right: 18px;
211
- z-index: 2;
277
+ right: 45px;
278
+ z-index: 3;
212
279
  }
213
280
 
214
281
  .avatar-stacked .avatar-large:nth-child(5) {
215
- right: 24px;
282
+ right: 60px;
283
+ z-index: 2;
284
+ }
285
+
286
+ .avatar-stacked .avatar-large:nth-child(6) {
287
+ right: 75px;
216
288
  z-index: 1;
217
289
  }
218
290
 
219
291
  .avatar-stacked .avatar-xlarge {
220
- box-shadow: 12px 0 0 6px #fff;
292
+ box-shadow: 3px 0 0 3px #fff;
221
293
  }
222
294
 
223
295
  .avatar-stacked .avatar-xlarge:nth-child(1) {
224
- z-index: 5;
296
+ right: 0px;
297
+ z-index: 6;
225
298
  }
226
299
 
227
300
  .avatar-stacked .avatar-xlarge:nth-child(2) {
228
- right: 12px;
229
- z-index: 4;
301
+ right: 30px;
302
+ z-index: 5;
230
303
  }
231
304
 
232
305
  .avatar-stacked .avatar-xlarge:nth-child(3) {
233
- right: 24px;
234
- z-index: 3;
306
+ right: 60px;
307
+ z-index: 4;
235
308
  }
236
309
 
237
310
  .avatar-stacked .avatar-xlarge:nth-child(4) {
238
- right: 36px;
239
- z-index: 2;
311
+ right: 90px;
312
+ z-index: 3;
240
313
  }
241
314
 
242
315
  .avatar-stacked .avatar-xlarge:nth-child(5) {
243
- right: 48px;
316
+ right: 120px;
317
+ z-index: 2;
318
+ }
319
+
320
+ .avatar-stacked .avatar-xlarge:nth-child(6) {
321
+ right: 150px;
244
322
  z-index: 1;
245
323
  }
246
324
 
247
325
  .avatar-stacked .avatar-stacked-text {
326
+ position: relative;
248
327
  color: #1357ff;
249
328
  cursor: pointer;
250
329
  }
251
330
 
252
331
  .avatar-stacked .avatar-stacked-text p {
332
+ padding-left: 8px;
253
333
  margin: 0;
254
334
  line-height: 14px;
255
335
  }
@@ -258,6 +338,506 @@
258
338
  display: none;
259
339
  }
260
340
 
341
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall {
342
+ box-shadow: -0.6px 0 0 0.6px #fff;
343
+ }
344
+
345
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {
346
+ z-index: 1;
347
+ }
348
+
349
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {
350
+ z-index: 2;
351
+ }
352
+
353
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {
354
+ z-index: 3;
355
+ }
356
+
357
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {
358
+ z-index: 4;
359
+ }
360
+
361
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {
362
+ z-index: 5;
363
+ }
364
+
365
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {
366
+ z-index: 6;
367
+ }
368
+
369
+ .avatar-stacked.avatar-stacked-reversed .avatar-small {
370
+ box-shadow: -0.8px 0 0 0.8px #fff;
371
+ }
372
+
373
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {
374
+ z-index: 1;
375
+ }
376
+
377
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {
378
+ z-index: 2;
379
+ }
380
+
381
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {
382
+ z-index: 3;
383
+ }
384
+
385
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {
386
+ z-index: 4;
387
+ }
388
+
389
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {
390
+ z-index: 5;
391
+ }
392
+
393
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {
394
+ z-index: 6;
395
+ }
396
+
397
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium {
398
+ box-shadow: -1px 0 0 1px #fff;
399
+ }
400
+
401
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {
402
+ z-index: 1;
403
+ }
404
+
405
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {
406
+ z-index: 2;
407
+ }
408
+
409
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {
410
+ z-index: 3;
411
+ }
412
+
413
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {
414
+ z-index: 4;
415
+ }
416
+
417
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {
418
+ z-index: 5;
419
+ }
420
+
421
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {
422
+ z-index: 6;
423
+ }
424
+
425
+ .avatar-stacked.avatar-stacked-reversed .avatar-large {
426
+ box-shadow: -1.5px 0 0 1.5px #fff;
427
+ }
428
+
429
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {
430
+ z-index: 1;
431
+ }
432
+
433
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {
434
+ z-index: 2;
435
+ }
436
+
437
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {
438
+ z-index: 3;
439
+ }
440
+
441
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {
442
+ z-index: 4;
443
+ }
444
+
445
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {
446
+ z-index: 5;
447
+ }
448
+
449
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {
450
+ z-index: 6;
451
+ }
452
+
453
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge {
454
+ box-shadow: -3px 0 0 3px #fff;
455
+ }
456
+
457
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {
458
+ z-index: 1;
459
+ }
460
+
461
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {
462
+ z-index: 2;
463
+ }
464
+
465
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {
466
+ z-index: 3;
467
+ }
468
+
469
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {
470
+ z-index: 4;
471
+ }
472
+
473
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {
474
+ z-index: 5;
475
+ }
476
+
477
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {
478
+ z-index: 6;
479
+ }
480
+
481
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
482
+ right: 0px;
483
+ }
484
+
485
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {
486
+ right: 3px;
487
+ }
488
+
489
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {
490
+ right: 6px;
491
+ }
492
+
493
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {
494
+ right: 9px;
495
+ }
496
+
497
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {
498
+ right: 12px;
499
+ }
500
+
501
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {
502
+ right: 15px;
503
+ }
504
+
505
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {
506
+ right: 0px;
507
+ }
508
+
509
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {
510
+ right: 4px;
511
+ }
512
+
513
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {
514
+ right: 8px;
515
+ }
516
+
517
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {
518
+ right: 12px;
519
+ }
520
+
521
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {
522
+ right: 16px;
523
+ }
524
+
525
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {
526
+ right: 20px;
527
+ }
528
+
529
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {
530
+ right: 0px;
531
+ }
532
+
533
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {
534
+ right: 5px;
535
+ }
536
+
537
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {
538
+ right: 10px;
539
+ }
540
+
541
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {
542
+ right: 15px;
543
+ }
544
+
545
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {
546
+ right: 20px;
547
+ }
548
+
549
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {
550
+ right: 25px;
551
+ }
552
+
553
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {
554
+ right: 0px;
555
+ }
556
+
557
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {
558
+ right: 7.5px;
559
+ }
560
+
561
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {
562
+ right: 15px;
563
+ }
564
+
565
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {
566
+ right: 22.5px;
567
+ }
568
+
569
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {
570
+ right: 30px;
571
+ }
572
+
573
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {
574
+ right: 37.5px;
575
+ }
576
+
577
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {
578
+ right: 0px;
579
+ }
580
+
581
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
582
+ right: 15px;
583
+ }
584
+
585
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
586
+ right: 30px;
587
+ }
588
+
589
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
590
+ right: 45px;
591
+ }
592
+
593
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
594
+ right: 60px;
595
+ }
596
+
597
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {
598
+ right: 75px;
599
+ }
600
+
601
+ .avatar-pull-xsmall-1 {
602
+ right: calc(0px) !important;
603
+ }
604
+
605
+ .avatar-push-xsmall-1 {
606
+ left: calc(0px) !important;
607
+ }
608
+
609
+ .avatar-pull-xsmall-2 {
610
+ right: calc(6px) !important;
611
+ }
612
+
613
+ .avatar-push-xsmall-2 {
614
+ left: calc(6px) !important;
615
+ }
616
+
617
+ .avatar-pull-xsmall-3 {
618
+ right: calc(12px) !important;
619
+ }
620
+
621
+ .avatar-push-xsmall-3 {
622
+ left: calc(12px) !important;
623
+ }
624
+
625
+ .avatar-pull-xsmall-4 {
626
+ right: calc(18px) !important;
627
+ }
628
+
629
+ .avatar-push-xsmall-4 {
630
+ left: calc(18px) !important;
631
+ }
632
+
633
+ .avatar-pull-xsmall-5 {
634
+ right: calc(24px) !important;
635
+ }
636
+
637
+ .avatar-push-xsmall-5 {
638
+ left: calc(24px) !important;
639
+ }
640
+
641
+ .avatar-pull-xsmall-6 {
642
+ right: calc(30px) !important;
643
+ }
644
+
645
+ .avatar-push-xsmall-6 {
646
+ left: calc(30px) !important;
647
+ }
648
+
649
+ .avatar-pull-small-1 {
650
+ right: calc(0px) !important;
651
+ }
652
+
653
+ .avatar-push-small-1 {
654
+ left: calc(0px) !important;
655
+ }
656
+
657
+ .avatar-pull-small-2 {
658
+ right: calc(8px) !important;
659
+ }
660
+
661
+ .avatar-push-small-2 {
662
+ left: calc(8px) !important;
663
+ }
664
+
665
+ .avatar-pull-small-3 {
666
+ right: calc(16px) !important;
667
+ }
668
+
669
+ .avatar-push-small-3 {
670
+ left: calc(16px) !important;
671
+ }
672
+
673
+ .avatar-pull-small-4 {
674
+ right: calc(24px) !important;
675
+ }
676
+
677
+ .avatar-push-small-4 {
678
+ left: calc(24px) !important;
679
+ }
680
+
681
+ .avatar-pull-small-5 {
682
+ right: calc(32px) !important;
683
+ }
684
+
685
+ .avatar-push-small-5 {
686
+ left: calc(32px) !important;
687
+ }
688
+
689
+ .avatar-pull-small-6 {
690
+ right: calc(40px) !important;
691
+ }
692
+
693
+ .avatar-push-small-6 {
694
+ left: calc(40px) !important;
695
+ }
696
+
697
+ .avatar-pull-medium-1 {
698
+ right: calc(0px) !important;
699
+ }
700
+
701
+ .avatar-push-medium-1 {
702
+ left: calc(0px) !important;
703
+ }
704
+
705
+ .avatar-pull-medium-2 {
706
+ right: calc(10px) !important;
707
+ }
708
+
709
+ .avatar-push-medium-2 {
710
+ left: calc(10px) !important;
711
+ }
712
+
713
+ .avatar-pull-medium-3 {
714
+ right: calc(20px) !important;
715
+ }
716
+
717
+ .avatar-push-medium-3 {
718
+ left: calc(20px) !important;
719
+ }
720
+
721
+ .avatar-pull-medium-4 {
722
+ right: calc(30px) !important;
723
+ }
724
+
725
+ .avatar-push-medium-4 {
726
+ left: calc(30px) !important;
727
+ }
728
+
729
+ .avatar-pull-medium-5 {
730
+ right: calc(40px) !important;
731
+ }
732
+
733
+ .avatar-push-medium-5 {
734
+ left: calc(40px) !important;
735
+ }
736
+
737
+ .avatar-pull-medium-6 {
738
+ right: calc(50px) !important;
739
+ }
740
+
741
+ .avatar-push-medium-6 {
742
+ left: calc(50px) !important;
743
+ }
744
+
745
+ .avatar-pull-large-1 {
746
+ right: calc(0px) !important;
747
+ }
748
+
749
+ .avatar-push-large-1 {
750
+ left: calc(0px) !important;
751
+ }
752
+
753
+ .avatar-pull-large-2 {
754
+ right: calc(15px) !important;
755
+ }
756
+
757
+ .avatar-push-large-2 {
758
+ left: calc(15px) !important;
759
+ }
760
+
761
+ .avatar-pull-large-3 {
762
+ right: calc(30px) !important;
763
+ }
764
+
765
+ .avatar-push-large-3 {
766
+ left: calc(30px) !important;
767
+ }
768
+
769
+ .avatar-pull-large-4 {
770
+ right: calc(45px) !important;
771
+ }
772
+
773
+ .avatar-push-large-4 {
774
+ left: calc(45px) !important;
775
+ }
776
+
777
+ .avatar-pull-large-5 {
778
+ right: calc(60px) !important;
779
+ }
780
+
781
+ .avatar-push-large-5 {
782
+ left: calc(60px) !important;
783
+ }
784
+
785
+ .avatar-pull-large-6 {
786
+ right: calc(75px) !important;
787
+ }
788
+
789
+ .avatar-push-large-6 {
790
+ left: calc(75px) !important;
791
+ }
792
+
793
+ .avatar-pull-xlarge-1 {
794
+ right: calc(0px) !important;
795
+ }
796
+
797
+ .avatar-push-xlarge-1 {
798
+ left: calc(0px) !important;
799
+ }
800
+
801
+ .avatar-pull-xlarge-2 {
802
+ right: calc(30px) !important;
803
+ }
804
+
805
+ .avatar-push-xlarge-2 {
806
+ left: calc(30px) !important;
807
+ }
808
+
809
+ .avatar-pull-xlarge-3 {
810
+ right: calc(60px) !important;
811
+ }
812
+
813
+ .avatar-push-xlarge-3 {
814
+ left: calc(60px) !important;
815
+ }
816
+
817
+ .avatar-pull-xlarge-4 {
818
+ right: calc(90px) !important;
819
+ }
820
+
821
+ .avatar-push-xlarge-4 {
822
+ left: calc(90px) !important;
823
+ }
824
+
825
+ .avatar-pull-xlarge-5 {
826
+ right: calc(120px) !important;
827
+ }
828
+
829
+ .avatar-push-xlarge-5 {
830
+ left: calc(120px) !important;
831
+ }
832
+
833
+ .avatar-pull-xlarge-6 {
834
+ right: calc(150px) !important;
835
+ }
836
+
837
+ .avatar-push-xlarge-6 {
838
+ left: calc(150px) !important;
839
+ }
840
+
261
841
  .avatar-grid-container {
262
842
  display: inline-block;
263
843
  }
@@ -266,10 +846,18 @@
266
846
  font-size: 0;
267
847
  }
268
848
 
269
- .avatar-grid-row .avatar-small {
849
+ .avatar-grid-row .avatar-xsmall {
270
850
  margin-left: 8px;
271
851
  }
272
852
 
853
+ .avatar-grid-row .avatar-xsmall:first-child {
854
+ margin-left: 0;
855
+ }
856
+
857
+ .avatar-grid-row .avatar-small {
858
+ margin-left: 10.666667px;
859
+ }
860
+
273
861
  .avatar-grid-row .avatar-small:first-child {
274
862
  margin-left: 0;
275
863
  }
@@ -313,10 +901,18 @@
313
901
  display: none;
314
902
  }
315
903
 
316
- .avatar-grid-small .avatar-grid-row {
904
+ .avatar-grid-xsmall .avatar-grid-row {
317
905
  padding-top: 8px;
318
906
  }
319
907
 
908
+ .avatar-grid-xsmall .avatar-grid-row:first-child {
909
+ padding-top: 0;
910
+ }
911
+
912
+ .avatar-grid-small .avatar-grid-row {
913
+ padding-top: 10.666667px;
914
+ }
915
+
320
916
  .avatar-grid-small .avatar-grid-row:first-child {
321
917
  padding-top: 0;
322
918
  }