1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"file":"9287.c4855448136b9e7db823.css","mappings":"AAGA,uBACI,aACA,gBACA,iBACA,uBACA,YACA,gBAEA,kDACI,kBAGJ,oDACI,oCACA,uBACA,eACA,gBACA,uBACA,iBACA,kBAGJ,sDACI,kDACA,eACA,gBACA,iBACA,kBAGJ,4DACI,aACA,OACA,gBAIR,qCACI,uBACI,WACA,gB;ACyUR,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCCxZR,gBACI,aACA,OACA,mBAEA,wCACI,aACA,mBACA,OACA,mBACA,uBAEA,iFACI,aACA,OACA,uBAEA,uHDsGR,kBACA,oBACA,mBACA,uBACA,SACA,kBACA,4BACA,0BACA,gBACA,6BAkGA,YACA,eACA,eACA,iBAnGA,6HACI,4FAGJ,8HACI,4FAGJ,6HACI,sBACA,mDACA,aAGJ,0JACI,uDACA,kDACA,mBAGJ,yHACI,aACA,e","sources":["webpack://mattermost-webapp/./src/components/header_footer_route/content_layouts/column.scss","webpack://mattermost-webapp/./src/sass/utils/_mixins.scss","webpack://mattermost-webapp/./src/components/do_verify_email/do_verify_email.scss"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.content-layout-column {\n display: flex;\n max-width: 540px;\n flex-flow: column;\n justify-content: center;\n border: none;\n box-shadow: none;\n\n .content-layout-column-svg {\n align-self: center;\n }\n\n .content-layout-column-title {\n color: var(--title-color-indigo-500);\n font-family: Metropolis;\n font-size: 40px;\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 48px;\n text-align: center;\n }\n\n .content-layout-column-message {\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n text-align: center;\n }\n\n .content-layout-column-extra-content {\n display: flex;\n flex: 1;\n margin-top: 30px;\n }\n}\n\n@media screen and (max-width: 699px) {\n .content-layout-column {\n width: 100%;\n padding: 0 40px;\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","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.do-verify-body {\n display: flex;\n flex: 1;\n align-items: center;\n\n .do-verify-body-content {\n display: flex;\n height: fit-content;\n flex: 1;\n align-items: center;\n justify-content: center;\n\n .do-verify-body-content-button-container {\n display: flex;\n flex: 1;\n justify-content: center;\n\n .do-verify-body-content-button-return {\n @include primary-button;\n @include button-medium;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} |