1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sources":["webpack:///./app/javascript/styles/mailer.scss","webpack:///./app/javascript/styles/mastodon/variables.scss"],"names":[],"mappings":"AAEA,aAGE,sBAGF,UAEE,qBACA,eACA,SACA,UACA,8BACA,0BAIA,8DAIE,oBAKF,mBAGE,qBACA,aCZsB,CDexB,WACE,UAIJ,IACE,aACA,SACA,qBACA,+BACA,WACA,iBAGF,MACE,iBACA,mBACA,mBAGF,GACE,mBAGF,mDAIE,WACA,eAGF,YACE,sBACA,iBACA,kBACA,kBACA,mBAGF,aACE,iBAGF,WACE,oBAGF,sBAGE,yBAGF,6EASE,YACA,qBACA,WACA,eACA,sBACA,mBAGF,cACE,WACA,eACA,sBAGF,aACE,iBACA,oBACA,mBAEA,yBACE,cAIJ,iBACE,eAEA,CAGF,4BAJE,cACA,iBAQA,CALF,WACE,cACA,0BAGA,WAGF,OACE,eAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,+BAGE,uCAEA,mBALF,+BAMI,6DAIJ,wCAGE,eACA,iBACA,aCjKsB,CDkKtB,6BACA,kCAGF,EACE,cACA,aACA,mBAEA,QACE,eAGF,OACE,eACA,iBAIJ,kBAME,aC1LwB,CD8LxB,kBACA,UACA,gBAGF,GACE,eACA,iBAGF,GACE,eACA,iBAGF,GACE,eACA,iBAGF,GACE,eACA,iBACA,gBACA,cAIA,eACE,eAKF,UACE,mBAEA,aACA,iBACA,6BACA,kBACA,kBACA,gBACA,eAIJ,0BAEE,WACA,YACA,kBACA,mBACA,kBACA,mBAGF,cACE,yBAEA,qBACE,yBAIJ,MACE,wBCxQW,CDyQX,iBAGF,kBACE,oBAEA,qBACE,kBAGF,yBACE,mBAIJ,QACE,0BACA,yBAEA,qBACE,kBACA,iBACA,mBAIJ,eACE,iBAGF,aACE,0BACA,iBAIA,+BAEE,cAGF,UAEE,eAEA,0BAHA,eAIE,CAIJ,UACE,cACA,0BAGF,YACE,WAIJ,MACE,kBACA,UAGF,QACE,cACA,iBACA,kBAEA,WACE,iBACA,6BACA,kBACA,kBACA,gBACA,eACA,oBAEA,+BAEE,UCnWE,CDoWF,wBACA,4BACA,6BACA,8BAGF,aACE,4BACA,2BACA,0BAKF,wBACE,kBACA,eACA,iBAEA,0BACE,2BACA,2BAMR,gBACE,yBAGF,gBACE,yBAGF,aACE,kBAGF,YACE,iBAGF,QACE,kBACA,mBAGF,eACE,oBAGF,eACE,mBAGF,WACE,WAEA,cACE,kBACA,sBACA,iBACA,6BACA,aACA,mBACA,kBCraY,CDwad,yBACE,kBCxaQ,CD2aV,eACE,eACA,WACA,YACA,cACA,iBAIJ,IACE,WAEA,OACE,YACA,gBACA,6BACA,eACA,gBACA,WACA,uCACA,6BAIJ,QACE,oBAEA,qBACE,yBACA,kBACA,oBACA,mBAIA,0BACE,eACA,oBAGF,2BACE,UCtdE,CDudF,eACA,cACA,gBAGF,sCACE,mBAGF,2BACE,WACA,YACA,kBAIJ,UACE,eACA,mBAEA,wBACE,cACA,eACA,gBAEA,0BACE,cAMR,YACE,6BAGF,GACE,kBACA,aACA,gBACA,iBAEA,MACE,mBACA,cAEA,WACE,aCtfkB,CD2fxB,wGACE,KACE,6BAIJ,wBACE,2DAOE,qBACA,yBAGF,aACE,2BAGF,WACE,8BAGF,QACE,yBACA,2B","file":"core/mailer.css","sourcesContent":["@import 'mastodon/variables';\n\ntable,\ntd,\ndiv {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n width: 100% !important;\n min-width: 100%;\n margin: 0;\n padding: 0;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n.email-body {\n td,\n div,\n a,\n span {\n line-height: inherit;\n }\n}\n\na {\n &,\n &:visited,\n span {\n text-decoration: none;\n color: $ui-highlight-color;\n }\n\n #outlook & {\n padding: 0;\n }\n}\n\nimg {\n outline: none;\n border: 0;\n text-decoration: none;\n -ms-interpolation-mode: bicubic;\n clear: both;\n line-height: 100%;\n}\n\ntable {\n border-spacing: 0;\n mso-table-lspace: 0;\n mso-table-rspace: 0;\n}\n\ntd {\n vertical-align: top;\n}\n\n.email-table,\n.content-section,\n.column,\n.column-cell {\n width: 100%;\n min-width: 100%;\n}\n\n.email-body {\n font-size: 0 !important;\n line-height: 100%;\n text-align: center;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.email-start {\n padding-top: 32px;\n}\n\n.email-end {\n padding-bottom: 32px;\n}\n\n.email-body,\nhtml,\nbody {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.email-container,\n.email-row,\n.col-0,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6, {\n font-size: 0;\n display: inline-block;\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n vertical-align: top;\n}\n\n.content-cell {\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n}\n\n.column-cell {\n padding-top: 16px;\n padding-bottom: 16px;\n vertical-align: top;\n\n &.button-cell {\n padding-top: 0;\n }\n}\n\n.email-container {\n max-width: 632px;\n margin: 0 auto;\n text-align: center;\n}\n\n.email-row {\n display: block;\n max-width: 600px !important;\n margin: 0 auto;\n text-align: center;\n clear: both;\n}\n\n.col-0 {\n max-width: 50px;\n}\n\n.col-1 {\n max-width: 100px;\n}\n\n.col-2 {\n max-width: 200px;\n}\n\n.col-3 {\n max-width: 300px;\n}\n\n.col-4 {\n max-width: 400px;\n}\n\n.col-5 {\n max-width: 500px;\n}\n\n.col-6 {\n max-width: 600px;\n}\n\n.column-cell,\n.column-cell td,\np {\n font-family: Helvetica, Arial, sans-serif;\n\n @media only screen {\n font-family: $font-sans-serif, sans-serif !important;\n }\n}\n\n.email-body .column-cell,\n.column-cell,\np {\n font-size: 15px;\n line-height: 23px;\n color: $ui-primary-color;\n mso-line-height-rule: exactly;\n text-rendering: optimizelegibility;\n}\n\np {\n display: block;\n margin-top: 0;\n margin-bottom: 16px;\n\n &.small {\n font-size: 13px;\n }\n\n &.lead {\n font-size: 19px;\n line-height: 27px;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: $ui-secondary-color;\n margin-left: 0;\n margin-right: 0;\n margin-top: 20px;\n margin-bottom: 8px;\n padding: 0;\n font-weight: 500;\n}\n\nh1 {\n font-size: 26px;\n line-height: 36px;\n}\n\nh2 {\n font-size: 23px;\n line-height: 30px;\n}\n\nh3 {\n font-size: 19px;\n line-height: 25px;\n}\n\nh5 {\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n color: lighten($ui-base-color, 34%);\n}\n\n.input-cell {\n h5 {\n margin-top: 4px;\n }\n}\n\n.input {\n td {\n background: darken($ui-base-color, 8%);\n border-radius: 4px;\n padding: 16px;\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n }\n}\n\n.content-cell,\n.blank-cell {\n width: 100%;\n font-size: 0;\n text-align: center;\n vertical-align: top;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.content-cell {\n background-color: darken($ui-base-color, 4%);\n\n &.darker {\n background-color: darken($ui-base-color, 8%);\n }\n}\n\n.hero {\n background-color: $ui-base-color;\n padding-top: 20px;\n}\n\n.hero-with-button {\n padding-bottom: 16px;\n\n h1 {\n margin-bottom: 4px;\n }\n\n p.lead {\n margin-bottom: 32px;\n }\n}\n\n.header {\n border-radius: 5px 5px 0 0;\n background-color: darken($ui-base-color, 8%);\n\n .column-cell {\n text-align: center;\n padding-top: 20px;\n padding-bottom: 8px;\n }\n}\n\n.content-start {\n padding-top: 32px;\n}\n\n.content-end {\n border-radius: 0 0 5px 5px;\n padding-top: 16px;\n}\n\n.footer {\n .column-cell,\n p {\n color: lighten($ui-base-color, 34%);\n }\n\n p {\n margin-bottom: 0;\n font-size: 13px;\n\n &.small {\n margin-bottom: 0;\n }\n }\n\n a {\n color: lighten($ui-base-color, 34%);\n text-decoration: underline;\n }\n\n img {\n opacity: 0.3;\n }\n}\n\n.logo {\n position: relative;\n left: -4px;\n}\n\n.button {\n display: table;\n margin-left: auto;\n margin-right: auto;\n\n td {\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n padding: 0 !important;\n\n a,\n a span {\n color: $primary-text-color;\n display: block !important;\n text-align: center !important;\n vertical-align: top !important;\n line-height: inherit !important;\n }\n\n a {\n padding: 10px 22px !important;\n line-height: 26px !important;\n font-weight: 500 !important;\n }\n }\n\n &.button-small {\n td {\n border-radius: 4px;\n font-size: 14px;\n padding: 8px 16px;\n\n a {\n padding: 5px 16px !important;\n line-height: 26px !important;\n }\n }\n }\n}\n\n.button-default {\n background-color: darken($ui-base-color, 8%);\n}\n\n.button-primary {\n background-color: darken($ui-highlight-color, 3%);\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.padded {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.padded-bottom {\n padding-bottom: 32px;\n}\n\n.margin-bottom {\n margin-bottom: 20px;\n}\n\n.hero-icon {\n width: 64px;\n\n td {\n text-align: center;\n vertical-align: middle;\n line-height: 100%;\n mso-line-height-rule: exactly;\n padding: 16px;\n border-radius: 80px;\n background: $success-green;\n }\n\n &.alert-icon td {\n background: $error-red;\n }\n\n img {\n max-width: 32px;\n width: 32px;\n height: 32px;\n display: block;\n line-height: 100%;\n }\n}\n\n.hr {\n width: 100%;\n\n td {\n font-size: 0;\n line-height: 1px;\n mso-line-height-rule: exactly;\n min-height: 1px;\n overflow: hidden;\n height: 2px;\n background-color: transparent !important;\n border-top: 1px solid lighten($ui-base-color, 8%);\n }\n}\n\n.status {\n padding-bottom: 32px;\n\n &--highlighted {\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n padding-bottom: 16px;\n margin-bottom: 16px;\n }\n\n .status-header {\n td {\n font-size: 14px;\n padding-bottom: 15px;\n }\n\n bdi {\n color: $white;\n font-size: 16px;\n display: block;\n font-weight: 500;\n }\n\n td:first-child {\n padding-right: 10px;\n }\n\n img {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n }\n }\n\n p {\n font-size: 19px;\n margin-bottom: 20px;\n\n &.status-footer {\n color: lighten($ui-base-color, 26%);\n font-size: 14px;\n margin-bottom: 0;\n\n a {\n color: lighten($ui-base-color, 26%);\n }\n }\n }\n}\n\n.border-top {\n border-top: 1px solid lighten($ui-base-color, 8%);\n}\n\nul {\n padding-left: 15px;\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 16px;\n\n li {\n margin-bottom: 16px;\n color: lighten($ui-base-color, 26%);\n\n span {\n color: $ui-primary-color;\n }\n }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n body {\n min-height: 1024px !important;\n }\n}\n\n@media (max-width: 697px) {\n .email-container,\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6 {\n width: 100% !important;\n max-width: none !important;\n }\n\n .email-start {\n padding-top: 16px !important;\n }\n\n .email-end {\n padding-bottom: 16px !important;\n }\n\n .padded {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n}\n","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\n\n$red-bookmark: $warning-red;\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n"],"sourceRoot":""} |