1 line
36 KiB
Plaintext
1 line
36 KiB
Plaintext
{"version":3,"file":"7055.81fe1ddb36e4e49b0fee.css","mappings":"AAMQ,qDACI,+BAEA,oIAMI,+BAJA,gJACI,+BAMR,gFACI,2CAEA,+FACI,gBAQR,gFACI,gBAEA,+FACI,gBAMhB,+CACI,gBACA,YACA,wDACA,oCACA,gBACA,kDACA,gBAEA,wHAMI,YACA,iBACA,8BACA,gBAPA,oIACI,8BASA,wPACI,gBAEA,sRACI,gBAMhB,0EACI,6BAEA,8EACI,UAKZ,uDACI,UACA,cAGJ,mDACI,gBACA,kDAGJ,6CACI,gBACA,kCAEA,4DACI,gBAIR,wBACI,eAGJ,4CACI,aACA,oCACA,4DACA,kCAGJ,iDACI,UAGJ,mDACI,aACA,YACA,mBACA,uBACA,aACA,0BAGJ,8CACI,aACA,YACA,mBACA,aACA,eACA,QAEA,0DACI,kDACA,kBAEA,+DACI,WAGJ,iEACI,gBAIR,0DACI,0BAGJ,yDACI,0BAGJ,0DACI,4CAGJ,gEACI,gBACA,eAGJ,wDACI,gBACA,WACA,uBAEA,gEACI,YACA,YAIR,wDACI,gBACA,WACA,uBAEA,gEACI,YACA,WAGJ,+DACI,YACA,WAIR,8DACI,qBACA,WACA,YACA,YACA,mBACA,iBACA,4BAEA,kEACI,WACA,YACA,WACA,yBAKZ,wBACI,cAGJ,mDACI,mBACA,YACA,mBACA,WACA,uDACA,kCAEA,qEACI,qBAIR,0DACI,aACA,mBACA,UACA,kCACA,iBAEA,qEACI,WACA,YACA,YACA,mBACA,iBACA,uDAEA,yEACI,WACA,YACA,yCAIR,kEACI,iBAIR,2DACI,oBACA,eAEA,gEACI,aACA,WACA,YAGJ,iEACI,gBAGJ,+DACI,WACA,YACA,iDACA,YAEA,qEACI,gDAMhB,eACI,aACA,WACA,YACA,mBACA,uBACA,kBACA,eACA,kDAEA,oBACI,kBACA,YACA,wBACA,eACA,iBACA,kBAGJ,kCACI,qBACA,YACA,iBACA,2BACA,gBAEA,uCACI,2B;ACoEZ,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCC3ZR,mBACI,aAEA,0BACI,YACA,YACA,kBACA,0BACA,gEACA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","sources":["webpack://mattermost-webapp/./src/components/widgets/inputs/users_emails_input.scss","webpack://mattermost-webapp/./src/sass/utils/_mixins.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/invite_members_link.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/page_body.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/page_line.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/single_column_layout.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/invite_members.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/organization.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/mixins.scss","webpack://mattermost-webapp/./src/components/common/multi_select_cards/multi_select_card.scss","webpack://mattermost-webapp/./src/sass/utils/_variables.scss","webpack://mattermost-webapp/./src/components/common/multi_select_cards/index.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/plugins.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/progress.scss","webpack://mattermost-webapp/./src/components/preparing_workspace/preparing_workspace.scss"],"sourcesContent":["@import 'utils/variables';\n\n.UsersEmailsInput {\n\n // Error state overrides to default styles\n &.error {\n .users-emails-input__control {\n border-color: var(--error-text);\n\n &--is-focused,\n &--menu-is-open {\n &:hover {\n border-color: var(--error-text);\n }\n\n border-color: var(--error-text);\n }\n\n .users-emails-input__input {\n border-bottom: 1px dotted var(--error-text);\n\n .a11y--focused {\n box-shadow: none;\n }\n }\n }\n }\n\n &.empty {\n .users-emails-input__control {\n .users-emails-input__input {\n border-bottom: 0;\n\n .a11y--focused {\n box-shadow: none;\n }\n }\n }\n }\n\n .users-emails-input__control {\n min-height: 48px;\n padding: 3px;\n border-color: rgba(var(--center-channel-color-rgb), 0.2);\n background: var(--center-channel-bg);\n box-shadow: none;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n transition: none;\n\n &--is-focused,\n &--menu-is-open {\n &:hover {\n border-color: var(--button-bg);\n }\n\n padding: 2px;\n border-width: 2px;\n border-color: var(--button-bg);\n transition: none;\n\n .users-emails-input__value-container {\n .users-emails-input__input {\n border-bottom: 0;\n\n .a11y--focused {\n box-shadow: none;\n }\n }\n }\n }\n\n .users-emails-input__input {\n border-bottom: 1px dotted red;\n\n >div {\n width: 1px;\n }\n }\n }\n\n .users-emails-input__value-container {\n padding: 0;\n margin-left: 0;\n }\n\n .users-emails-input__placeholder {\n margin-left: 8px;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n }\n\n .users-emails-input__input {\n margin-left: 6px;\n color: var(--center-channel-color);\n\n .a11y--focused {\n box-shadow: none;\n }\n }\n\n input {\n height: inherit;\n }\n\n .users-emails-input__menu {\n margin-top: 0;\n background: var(--center-channel-bg);\n box-shadow: 0 0 0 0 hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);\n color: var(--center-channel-color);\n }\n\n .users-emails-input__menu-list {\n padding: 0;\n }\n\n .users-emails-input__menu-notice {\n display: flex;\n height: 60px;\n align-items: center;\n justify-content: center;\n padding: 12px;\n border-radius: 4px 4px 0 0;\n }\n\n .users-emails-input__option {\n display: flex;\n height: 60px;\n align-items: center;\n padding: 12px;\n cursor: pointer;\n gap: 8px;\n\n &--no-matches {\n color: rgba(var(--center-channel-color-rgb), 0.75);\n text-align: center;\n\n span {\n width: 100%;\n }\n\n strong {\n font-weight: 600;\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 4px 4px;\n }\n\n &--is-focused {\n background: rgba(var(--button-bg-rgb), 0.08);\n }\n\n &--no-matches:hover {\n background: none;\n cursor: default;\n }\n\n .fullname {\n overflow: hidden;\n opacity: 0.5;\n text-overflow: ellipsis;\n\n &::before {\n padding: 5px;\n content: \"-\";\n }\n }\n\n .nickname {\n overflow: hidden;\n opacity: 0.5;\n text-overflow: ellipsis;\n\n &::before {\n content: \"(\";\n opacity: 0.5;\n }\n\n &::after {\n content: \")\";\n opacity: 0.5;\n }\n }\n\n .mail-plus-icon {\n display: inline-block;\n width: 36px;\n height: 36px;\n padding: 3px;\n border-radius: 18px;\n margin-right: 8px;\n background: var(--button-bg);\n\n svg {\n width: 24px;\n height: 24px;\n margin: 3px;\n fill: var(--button-color);\n }\n }\n }\n\n .show {\n display: block;\n }\n\n .users-emails-input__multi-value {\n align-items: center;\n padding: 4px;\n border-radius: 16px;\n margin: 4px;\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: var(--center-channel-color);\n\n &:nth-last-child(2) {\n margin: 4px 0 4px 4px;\n }\n }\n\n .users-emails-input__multi-value__label {\n display: flex;\n align-items: center;\n padding: 0;\n color: var(--center-channel-color);\n font-size: 1.6rem;\n\n .mail-icon {\n width: 24px;\n height: 24px;\n padding: 3px;\n border-radius: 16px;\n margin-right: 4px;\n background: rgba(var(--center-channel-color-rgb), 0.75);\n\n svg {\n width: 18px;\n height: 18px;\n fill: rgba(var(--button-color-rgb), 0.88);\n }\n }\n\n .Avatar {\n margin-right: 4px;\n }\n }\n\n .users-emails-input__multi-value__remove {\n padding: 0 4px 0 8px;\n cursor: pointer;\n\n span {\n display: flex;\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n background: none;\n }\n\n svg {\n width: 16px;\n height: 16px;\n fill: rgba(var(--center-channel-color-rgb), 0.75);\n opacity: 0.73;\n\n &:hover {\n fill: rgba(var(--center-channel-color-rgb), 0.8);\n }\n }\n }\n}\n\n.InputErrorBox {\n display: flex;\n width: 100%;\n height: 60px;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-top: 2px;\n background: rgba(var(--error-box-background), 0.1);\n\n span {\n position: relative;\n height: 20px;\n color: var(--error-text);\n font-size: 16px;\n line-height: 20px;\n text-align: center;\n }\n\n button.upgradeLink {\n padding: 0 !important;\n border: none;\n margin-left: 10px;\n background: none !important;\n font-weight: 600;\n\n span {\n color: var(--sys-button-bg);\n }\n }\n}\n","@charset \"utf-8\";\n\n@mixin file-icon($path) {\n background-image: url($path);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n @if $value == antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n @else {\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n }\n}\n\n@mixin cursor($value) {\n cursor: -webkit-$value;\n cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: $lines;\n\n // Fallback for non-Webkit browsers\n // (won't show `…` at the end of the block)\n @if $line-height {\n max-height: $line-height * $lines * 1px;\n }\n}\n\n@mixin button-style--none {\n padding: 0;\n border: none;\n background: transparent;\n\n &:focus {\n outline: 0;\n text-decoration: none;\n }\n\n &.btn {\n padding: 6px 12px;\n }\n\n &.btn--block {\n width: 100%;\n text-align: left;\n }\n\n &:hover,\n &:active {\n text-decoration: none;\n }\n}\n\n@mixin fit-content {\n width: fit-content;\n width: -moz-fit-content;\n}\n\n@mixin clearfix {\n overflow: hidden;\n}\n\n@mixin pie-clearfix {\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n\n@mixin tertiary-button {\n display: inline-flex;\n align-items: center;\n border: 0;\n border-radius: 4px;\n background: rgba(var(--button-bg-rgb), 0.08);\n color: var(--button-bg);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:disabled {\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n }\n\n &:hover:enabled {\n background: rgba(var(--button-bg-rgb), 0.12);\n }\n\n &:active:enabled {\n background: rgba(var(--button-bg-rgb), 0.16);\n }\n\n i {\n display: flex;\n font-size: 18px;\n\n &:first-child::before {\n margin: 0 7px 0 0;\n }\n\n &:last-child::before {\n margin: 0 0 0 7px;\n }\n }\n}\n\n@mixin primary-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 4px;\n background: var(--button-bg);\n color: var(--button-color);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:hover {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n }\n\n &:active {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n }\n\n &:focus {\n box-sizing: border-box;\n border: 2px solid var(--sidebar-text-active-border);\n outline: none;\n }\n\n &:disabled:not(.always-show-enabled) {\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n\n i {\n display: flex;\n font-size: 18px;\n }\n}\n\n@mixin secondary-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--denim-button-bg);\n border-radius: 4px;\n background: var(--center-channel-bg);\n color: var(--button-bg);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:hover {\n background: rgba(var(--denim-button-bg-rgb), 0.08);\n }\n\n &:active {\n background: rgba(var(--denim-button-bg-rgb), 0.16);\n }\n\n &:focus {\n box-sizing: border-box;\n border: 2px solid var(--sidebar-text-active-border);\n outline: none;\n }\n\n &:disabled {\n border: rgba(var(--center-channel-color-rgb), 0.32);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n\n i {\n display: flex;\n font-size: 18px;\n }\n}\n\n@mixin button-focus {\n &:focus {\n border-width: 0;\n box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n }\n\n &:focus:not(:focus-visible) {\n border-width: 0;\n box-shadow: none;\n }\n\n &:focus-visible {\n border-width: 0;\n box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n }\n}\n\n@mixin button-xsmall {\n height: 24px;\n padding: 4px 6px;\n font-size: 11px;\n line-height: 16px;\n}\n\n@mixin button-small {\n height: 32px;\n padding: 0 16px;\n font-size: 12px;\n line-height: 10px;\n}\n\n@mixin button-medium {\n height: 40px;\n padding: 0 20px;\n font-size: 14px;\n line-height: 14px;\n}\n\n@mixin button-large {\n height: 48px;\n padding: 0 24px;\n font-size: 16px;\n line-height: 18px;\n}\n\n@mixin link {\n border: none;\n box-shadow: none;\n color: var(--link-color);\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration-line: underline;\n }\n\n &:disabled {\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n text-decoration: none;\n }\n}\n\n@mixin icon-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 4px;\n background: none;\n color: rgba(var(--center-channel-color-rgb), 0.64);\n\n &:focus,\n &:focus-within {\n box-sizing: border-box;\n border: 2px solid rgba(var(--denim-button-bg-rgb), 0.32);\n box-shadow: none;\n outline: none;\n }\n\n &:hover {\n border: 0;\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.8);\n }\n\n &:active {\n border: 0;\n background: rgba(var(--button-bg-rgb), 0.08);\n color: var(--button-bg);\n }\n\n &:disabled {\n background: none;\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n}\n\n@mixin icon-button-small-compact {\n width: 28px;\n height: 28px;\n padding: 6px;\n font-size: 16px;\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n .#{$classPrefix}--enter-from-after {\n &-enter {\n transform: translateY(-100vh);\n }\n\n &-enter-active {\n transform: translateY(0);\n transition: transform $transition_time ease-in-out;\n }\n\n &-enter-done {\n transform: translateY(0);\n }\n }\n\n .#{$classPrefix}--exit-to-after {\n &-exit {\n transform: translateY(0);\n }\n\n &-exit-active {\n transform: translateY(-100vh);\n transition: transform $transition_time ease-in-out;\n }\n\n &-exit-done {\n transform: translateY(-100vh);\n }\n }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n .#{$classPrefix}--enter-from-before {\n &-enter {\n transform: translateY(100vh);\n }\n\n &-enter-active {\n transform: translateY(0);\n transition: transform $transition_time ease-in-out;\n }\n\n &-enter-done {\n transform: translateY(0);\n }\n }\n\n .#{$classPrefix}--exit-to-before {\n &-exit {\n transform: translateY(0);\n }\n\n &-exit-active {\n transform: translateY(100vh);\n transition: transform $transition_time ease-in-out;\n }\n\n &-exit-done {\n transform: translateY(100vh);\n }\n }\n}\n\n@keyframes emphasis-sidebar-resize-line {\n 50% {\n transform: scaleX(1.5);\n }\n\n 100% {\n transform: scaleX(1);\n }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n @include simple-in-and-out-before($classPrefix, $transition_time);\n @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n backface-visibility: hidden;\n perspective: 1000px;\n transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n}\n\n@mixin textEllipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","@import 'utils/mixins';\n\n.InviteMembersLink {\n display: flex;\n\n &__input {\n height: 48px;\n flex-grow: 1;\n padding: 12px 14px;\n border-radius: 4px 0 0 4px;\n border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.2);\n border-right: 0;\n border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.2);\n border-left: 1px solid rgba(var(--center-channel-color-rgb), 0.2);\n background: var(--center-channel-color-rgb);\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 16px;\n }\n\n button {\n display: flex;\n max-width: 382px;\n flex-grow: 0;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 600;\n\n span {\n display: inline-block;\n height: 24px;\n margin-right: 9px;\n }\n\n svg {\n fill: var(--button-bg);\n }\n }\n\n &__button {\n width: 180px;\n height: 48px;\n border: 1px solid var(--button-bg);\n border-radius: 0 4px 4px 0;\n background: var(--center-channel-bg);\n color: var(--button-bg);\n\n &:hover {\n background: rgba(var(--button-bg-rgb), 0.08);\n }\n\n &:active {\n background: rgba(var(--button-bg-rgb), 0.08);\n }\n }\n\n &__button--single {\n @include tertiary-button;\n\n height: 40px;\n border-radius: 4px;\n }\n}\n",".PreparingWorkspacePageBody {\n margin-bottom: 24px;\n}\n",".PageLine {\n position: relative;\n left: 100px;\n width: 1px;\n background-color: rgba(var(--center-channel-color-rgb), 0.24);\n\n &--no-left {\n left: initial;\n }\n}\n",".SingleColumnLayout {\n position: relative;\n display: flex;\n height: 100vh;\n flex-direction: column;\n align-items: flex-start;\n}\n","@import 'utils/mixins';\n\n// UX decision to show no more than about 5 1/4 lines of users/emails at a time.\n$less-than-6-user-lines-height: 227px;\n\n.InviteMembers-body {\n display: flex;\n // page width - channels preview width - progress dots width - people overlap width\n max-width: calc(100vw - 600px - 120px - 30px);\n\n .PreparingWorkspaceDescription span {\n display: inline-block;\n max-width: 530px;\n }\n\n .UsersEmailsInput {\n max-width: 540px;\n\n &.no-selections {\n // placeholder and input position is difficult to change.\n // This overrides the default positioning of the input & placeholders\n // to make the taller than normal input look ok when nothing has yet been selected\n .users-emails-input__value-container {\n margin-top: 6px;\n }\n }\n\n .users-emails-input__control {\n overflow: auto;\n min-height: 108px;\n max-height: $less-than-6-user-lines-height;\n align-items: flex-start;\n }\n }\n}\n\n.InviteMembers {\n &__submit {\n display: flex;\n width: 400px;\n align-items: center;\n justify-content: flex-start;\n }\n}\n\n.InviteMembersLink__button--single {\n width: fit-content;\n min-width: 148px;\n margin-right: 8px;\n margin-left: 12px;\n}\n\n.fade-in-skip-button {\n animation: fade-in 2s forwards;\n opacity: 0;\n}\n\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@include simple-in-and-out-before(\"InviteMembers\");\n\n.ChannelsPreview--enter-from-after {\n &-enter {\n transform: translateX(-100vw);\n }\n\n &-enter-active {\n transform: translateX(0);\n transition: transform 300ms ease-in-out;\n }\n\n &-enter-done {\n transform: translateX(0);\n }\n}\n\n.ChannelsPreview--exit-to-after {\n &-exit {\n transform: translateX(0);\n }\n\n &-exit-active {\n transform: translateX(-100vw);\n transition: transform 300ms ease-in-out;\n }\n\n &-exit-done {\n transform: translateX(-100vw);\n }\n}\n","@import 'utils/variables';\n@import 'utils/mixins';\n@import './mixins';\n\n.Organization-body {\n display: flex;\n}\n\n.Organization-form-wrapper {\n position: relative;\n}\n\n.Organization-left-col {\n width: 210px;\n min-width: 210px;\n}\n\n.Organization-right-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.Organization {\n &__input {\n @include input;\n }\n\n &__status {\n display: flex;\n align-items: center;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n\n &--error {\n margin-top: 8px;\n color: var(--dnd-indicator);\n }\n }\n\n &__progress-path {\n position: absolute;\n top: -25px;\n left: -55px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n text-align: center;\n }\n\n &__content {\n margin-left: 200px;\n }\n}\n\n@media screen and (max-width: 700px) {\n .Organization-left-col {\n display: none;\n }\n}\n\n@include simple-in-and-out(\"Organization\");\n","@mixin input {\n width: 452px;\n padding: 12px 16px;\n border: 2px solid rgba(var(--center-channel-color-rgb), 0.16);\n border-radius: 4px;\n font-size: 16px;\n\n &:active,\n &:focus {\n border: 2px solid var(--button-bg);\n }\n}\n\n@mixin sideIllustrationKeyframe($name, $startOffsetPx, $endOffsetPx) {\n @keyframes #{$name}SlideInRight {\n from {\n right: #{$startOffsetPx}px;\n }\n\n to {\n right: #{$endOffsetPx}px;\n }\n }\n\n @keyframes #{$name}SlideOutRight {\n from {\n right: #{$endOffsetPx}px;\n }\n\n to {\n right: #{$startOffsetPx}px;\n }\n }\n}\n","@import 'utils/variables';\n\n.MultiSelectCard {\n position: relative;\n display: inline-flex;\n min-width: 212px;\n max-width: 257px;\n flex-direction: column;\n align-items: center;\n padding: 16px 24px 24px;\n border: none;\n border-radius: 8px;\n margin-right: 16px;\n background: var(--center-channel-bg);\n box-shadow: $elevation-3;\n cursor: pointer;\n list-style-type: none;\n outline: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n text-align: center;\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: $elevation-4;\n outline: 1px solid rgba(var(--center-channel-color-rgb), 0.32);\n }\n\n &--small {\n min-width: 160px;\n padding: 24px 12px 20px;\n\n .MultiSelectCard__label {\n padding-top: 12px;\n }\n\n .MultiSelectCard__checkmark {\n width: 28px;\n height: 28px;\n }\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &--checked {\n box-shadow: $elevation-2;\n outline: 2px solid var(--button-bg);\n\n &:hover,\n &:active,\n &:focus {\n box-shadow: $elevation-2;\n outline: 2px solid var(--button-bg);\n }\n\n &:focus {\n box-shadow: $elevation-4;\n }\n }\n\n &__checkmark {\n position: absolute;\n top: 11px;\n right: 11px;\n width: 31px;\n height: 31px;\n color: var(--button-bg);\n font-size: 31px;\n }\n\n &__label {\n font-family: Metropolis, sans-serif;\n font-size: 18px;\n font-weight: 600;\n }\n}\n","@charset 'UTF-8';\n\n@use 'sass:color';\n\n// Color Variables\n$primary-color: #166de0;\n$primary-color--hover: color.adjust($primary-color, $lightness: -10%);\n$bg--gray: rgb(245, 245, 245);\n$white: rgb(255, 255, 255);\n$black: rgb(0, 0, 0);\n$red: rgb(214, 73, 70);\n$yellow: rgb(255, 255, 0);\n$light-gray: rgba(0, 0, 0, 0.15);\n$gray: rgba(0, 0, 0, 0.3);\n$dark-gray: rgba(0, 0, 0, 0.5);\n$link-color: rgb(35, 137, 215);\n$transparent: rgba(0, 0, 0, 0);\n$highlight-color: #fcea8d;\n\n// Typography\n$font-weight--semibold: 600;\n\n// Page Variables\n$border-gray: 1px solid rgba(var(--center-channel-color-rgb), 0.12);\n$announcement-bar-height: 40px;\n$backstage-bar-height: 43px;\n\n// Random variables\n$emoji-per-row: 9; // needs to match variable `EMOJI_PER_ROW` in emoji_picker.jsx\n\n// Transition timing defaults\n$transition-quick: 0.12s;\n\n// Elevations\n$elevation-1: var(--elevation-1);\n$elevation-2: var(--elevation-2);\n$elevation-3: var(--elevation-3);\n$elevation-4: var(--elevation-4);\n$elevation-5: var(--elevation-5);\n$elevation-6: var(--elevation-6);\n",".MultiSelectCards {\n padding: 0;\n margin: 0;\n}\n","@import 'utils/mixins';\n\n.Plugins__marketplace {\n margin-top: 24px;\n}\n\n.plugins-skip-btn {\n margin-left: 8px;\n}\n// preempt cards wrapping\n@media screen and (max-width: 900px) {\n .Plugins-body {\n .MultiSelectCards {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-right: 16px;\n\n .MultiSelectCard {\n width: 100%;\n max-width: 500px;\n flex-direction: row;\n flex-grow: 1;\n padding: 16px;\n margin-right: 0;\n margin-bottom: 16px;\n text-align: left;\n\n svg {\n max-width: 50px;\n max-height: 50px;\n flex-shrink: 0;\n }\n\n &__label {\n width: 100%;\n flex-grow: 1;\n padding-top: 0;\n padding-left: 20px;\n }\n\n &__checkmark {\n position: static;\n padding-right: 4px;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n}\n\n@include simple-in-and-out(\"Plugins\");\n","@use 'sass:color';\n\n@import 'utils/variables';\n@import 'utils/mixins';\n\n.PreparingWorkspaceProgress {\n position: fixed;\n z-index: 1;\n display: flex;\n width: 120px;\n height: 100vh;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n &__circles {\n display: flex;\n flex-direction: column;\n margin: 2em 0;\n }\n\n &__circle {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 6px;\n margin: 5px 0;\n background: $primary-color;\n opacity: 0.2;\n\n &.active {\n opacity: 1;\n outline: 3px solid color.adjust($primary-color, $lightness: 50%);\n }\n }\n\n &.OnboardingWizardProgress {\n &-enter {\n opacity: 0;\n }\n\n &-enter-active {\n opacity: 1;\n transition: transform 300ms linear;\n }\n\n &-enter-done {\n opacity: 1;\n }\n\n &-exit {\n opacity: 1;\n }\n\n &-exit-active {\n opacity: 0;\n transition: transform 300ms linear;\n }\n\n &-exit-done {\n opacity: 0;\n }\n }\n}\n\n@media screen and (max-width: 1270px) {\n .PreparingWorkspaceProgress {\n display: none;\n }\n}\n","@import 'utils/variables';\n@import 'utils/mixins';\n@import 'mixins';\n\n.PreparingWorkspace {\n width: 100vw;\n\n &__logo {\n position: fixed;\n z-index: 1;\n top: 32px;\n right: 32px;\n }\n\n &__previous {\n display: inline-flex;\n align-items: center;\n padding-right: 2px;\n margin-bottom: 25px;\n color: var(--button-bg);\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n\n :first-child {\n margin-right: 5px;\n }\n }\n\n &__submit-error {\n position: fixed;\n z-index: 1;\n bottom: 24px;\n left: calc(50vw - 202px);\n display: flex;\n width: 404px;\n align-items: center;\n padding: 10px;\n border-radius: 4px;\n background-color: var(--dnd-indicator);\n box-shadow: $elevation-3;\n color: var(--center-channel-bg);\n font-size: 14px;\n font-weight: 600;\n\n .icon-close {\n cursor: pointer;\n }\n }\n\n &__submit-error-message {\n flex-grow: 1;\n flex-shrink: 0;\n padding-left: 9px;\n }\n\n .tertiary-button {\n @include tertiary-button;\n @include button-medium;\n\n margin-left: 16px;\n }\n\n .primary-button {\n @include primary-button;\n @include button-medium;\n\n box-sizing: border-box;\n border: 2px solid var(--button-bg);\n }\n\n .primary-button[disabled] {\n box-sizing: border-box;\n border: 2px solid rgba(var(--center-channel-color-rgb), 0.01);\n }\n\n .link-style {\n @include link;\n\n background: transparent;\n font-size: 14px;\n }\n\n .child-page {\n // needed for smooth cross-page transition;\n position: absolute;\n height: 100vh;\n }\n\n &__invite-members-illustration {\n position: absolute;\n top: 25%;\n right: -651px;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease-in-out;\n\n @include sideIllustrationKeyframe(invitation, -651, 0);\n\n &.enter {\n animation-name: invitationSlideInRight;\n }\n\n &.exit {\n animation-name: invitationSlideOutRight;\n }\n }\n}\n\n.PreparingWorkspacePageContainer {\n\n // needed so that channel preview can be positioned relative to this div\n position: relative;\n max-width: 1030px;\n padding: 0 10px;\n\n // centering\n margin: 0 auto;\n margin-left: 300px;\n}\n\n@media screen and (max-width: 768px) {\n #root {\n overflow-y: visible;\n }\n\n .PreparingWorkspacePageContainer .Plugins-body {\n padding-top: 200px;\n overflow-y: visible;\n }\n}\n\n@media screen and (max-width: 1200px) {\n .PreparingWorkspace__invite-members-illustration {\n display: none;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1500px) {\n .PreparingWorkspace__invite-members-illustration {\n @include sideIllustrationKeyframe(invitation, -651, -200);\n\n &.enter {\n animation-name: invitationSlideInRight;\n }\n\n &.exit {\n animation-name: invitationSlideOutRight;\n }\n }\n}\n"],"names":[],"sourceRoot":""} |