mekari-ui-toolkit
Version:
Mekari ui toolkit
1 lines • 9.42 kB
Source Map (JSON)
{"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\": 80px,\n \"xxlarge\": 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 * .375;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar--overlay-icon {\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 &.avatar--no-overlay {\n &:hover::after {\n opacity: 0;\n }\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 @if $i == 1 {\n margin-left: 0;\n } @else {\n margin-left: -#{$size / 4};\n }\n z-index: 7 - $i;\n }\n }\n }\n .avatar-stacked-text {\n position: relative;\n padding-left: 16px;\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 &.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 @if $i == 1 {\n margin-left: 0;\n } @else {\n margin-left: -#{$size / 8};\n }\n }\n }\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"]}