zeev-mail
Version:
Non official Zeev BPMS component library and CLI bundler for e-mails (Message Events)
2 lines (1 loc) • 17.3 kB
CSS
.hidden,.u-hidden{display:none }.u-inline{display:inline }.u-block{display:block }.u-flex{display:flex }.u-flex.-align-center{align-items:center}.u-relative{position:relative }.u-absolute{position:absolute }.u-margin-top-1{margin-top:4px }.u-margin-right-1{margin-right:4px }.u-margin-bottom-1{margin-bottom:4px }.u-margin-left-1{margin-left:4px }.u-margin-top-2{margin-top:6px }.u-margin-right-2{margin-right:6px }.u-margin-bottom-2{margin-bottom:6px }.u-margin-left-2{margin-left:6px }.u-margin-top-3{margin-top:8px }.u-margin-right-3{margin-right:8px }.u-margin-bottom-3{margin-bottom:8px }.u-margin-left-3{margin-left:8px }.u-margin-top-4{margin-top:12px }.u-margin-right-4{margin-right:12px }.u-margin-bottom-4{margin-bottom:12px }.u-margin-left-4{margin-left:12px }.u-margin-top-5{margin-top:16px }.u-margin-right-5{margin-right:16px }.u-margin-bottom-5{margin-bottom:16px }.u-margin-left-5{margin-left:16px }.u-margin-top-6{margin-top:20px }.u-margin-right-6{margin-right:20px }.u-margin-bottom-6{margin-bottom:20px }.u-margin-left-6{margin-left:20px }.u-margin-top-7{margin-top:24px }.u-margin-right-7{margin-right:24px }.u-margin-bottom-7{margin-bottom:24px }.u-margin-left-7{margin-left:24px }.u-margin-top-8{margin-top:28px }.u-margin-right-8{margin-right:28px }.u-margin-bottom-8{margin-bottom:28px }.u-margin-left-8{margin-left:28px }.u-margin-top-9{margin-top:32px }.u-margin-right-9{margin-right:32px }.u-margin-bottom-9{margin-bottom:32px }.u-margin-left-9{margin-left:32px }.u-margin-top-10{margin-top:36px }.u-margin-right-10{margin-right:36px }.u-margin-bottom-10{margin-bottom:36px }.u-margin-left-10{margin-left:36px }.u-margin-top-11{margin-top:42px }.u-margin-right-11{margin-right:42px }.u-margin-bottom-11{margin-bottom:42px }.u-margin-left-11{margin-left:42px }.u-margin-top-12{margin-top:48px }.u-margin-right-12{margin-right:48px }.u-margin-bottom-12{margin-bottom:48px }.u-margin-left-12{margin-left:48px }.u-margin-top-13{margin-top:64px }.u-margin-right-13{margin-right:64px }.u-margin-bottom-13{margin-bottom:64px }.u-margin-left-13{margin-left:64px }.u-margin-top-14{margin-top:80px }.u-margin-right-14{margin-right:80px }.u-margin-bottom-14{margin-bottom:80px }.u-margin-left-14{margin-left:80px }.u-margin-top-15{margin-top:96px }.u-margin-right-15{margin-right:96px }.u-margin-bottom-15{margin-bottom:96px }.u-margin-left-15{margin-left:96px }.u-margin-top-16{margin-top:124px }.u-margin-right-16{margin-right:124px }.u-margin-bottom-16{margin-bottom:124px }.u-margin-left-16{margin-left:124px }.u-margin-top-17{margin-top:148px }.u-margin-right-17{margin-right:148px }.u-margin-bottom-17{margin-bottom:148px }.u-margin-left-17{margin-left:148px }.u-margin-top-18{margin-top:192px }.u-margin-right-18{margin-right:192px }.u-margin-bottom-18{margin-bottom:192px }.u-margin-left-18{margin-left:192px }.u-margin-top-19{margin-top:288px }.u-margin-right-19{margin-right:288px }.u-margin-bottom-19{margin-bottom:288px }.u-margin-left-19{margin-left:288px }.u-margin-top-20{margin-top:384px }.u-margin-right-20{margin-right:384px }.u-margin-bottom-20{margin-bottom:384px }.u-margin-left-20{margin-left:384px }.u-text-xxs{font-size:9px }.u-text-xs{font-size:10px }.u-text-sm{font-size:11px }.u-text-m{font-size:12px }.u-text-base{font-size:14px }.u-text-lg{font-size:16px }.u-text-xl{font-size:18px }.u-text-2xl{font-size:20px }.u-text-3xl{font-size:24px }.u-text-left{text-align:left !important}.u-text-center{text-align:center }.u-text-right{text-align:right !important}.u-text-grey-0{color:#f9fafb }.u-text-grey-100{color:#f4f5f6 }.u-text-grey-200{color:#e9eaec }.u-text-grey-300{color:#d4d5d9 }.u-text-grey-400{color:#a8abb2 }.u-text-grey-500{color:#7d838c }.u-text-grey-600{color:#5b6067 }.u-text-grey-700{color:#3f434a }.u-text-grey-800{color:#262a31 }.u-text-grey-900{color:#15181e }.u-text-blue-0{color:#ebf6ff }.u-text-blue-100{color:#dbeafe }.u-text-blue-200{color:#c3e0f9 }.u-text-blue-300{color:#99caf5 }.u-text-blue-400{color:#6bb2f0 }.u-text-blue-500{color:#1787e8 }.u-text-blue-600{color:#006dcc }.u-text-blue-700{color:#0d5ea5 }.u-text-blue-800{color:#0d528e }.u-text-blue-900{color:#163d60 }.u-text-green-0{color:#edfded }.u-text-green-100{color:#defcde }.u-text-green-200{color:#bcf6bc }.u-text-green-300{color:#91e391 }.u-text-green-400{color:#7dd47d }.u-text-green-500{color:#6c6 }.u-text-green-600{color:#5bb75b }.u-text-green-700{color:#36a136 }.u-text-green-800{color:#1f7a1f }.u-text-green-900{color:#1c5e1c }.u-text-red-0{color:#fef2f2 }.u-text-red-100{color:#fce0de }.u-text-red-200{color:#feccca }.u-text-red-300{color:#faaba8 }.u-text-red-400{color:#f87571 }.u-text-red-500{color:#ed4c45 }.u-text-red-600{color:#da4f49 }.u-text-red-700{color:#c13833 }.u-text-red-800{color:#8e241f }.u-text-red-900{color:#72201d }.u-text-yellow-0{color:#fff7eb }.u-text-yellow-100{color:#fff1db }.u-text-yellow-200{color:#ffe9bd }.u-text-yellow-300{color:#ffda8f }.u-text-yellow-400{color:#ffc966 }.u-text-yellow-500{color:#fbba51 }.u-text-yellow-600{color:#faa732 }.u-text-yellow-700{color:#d97c12 }.u-text-yellow-800{color:#b35b0f }.u-text-yellow-900{color:#84370b }.u-text-light{font-weight:300 }.u-text-normal{font-weight:400 }.u-text-medium{font-weight:500 }.u-text-bold{font-weight:700 }.u-text-line-base{line-height:1.2}.u-text-line-lg{line-height:1.6}.u-padding-top-1{padding-top:4px }.u-padding-right-1{padding-right:4px }.u-padding-bottom-1{padding-bottom:4px }.u-padding-left-1{padding-left:4px }.u-padding-top-2{padding-top:6px }.u-padding-right-2{padding-right:6px }.u-padding-bottom-2{padding-bottom:6px }.u-padding-left-2{padding-left:6px }.u-padding-top-3{padding-top:8px }.u-padding-right-3{padding-right:8px }.u-padding-bottom-3{padding-bottom:8px }.u-padding-left-3{padding-left:8px }.u-padding-top-4{padding-top:12px }.u-padding-right-4{padding-right:12px }.u-padding-bottom-4{padding-bottom:12px }.u-padding-left-4{padding-left:12px }.u-padding-top-5{padding-top:16px }.u-padding-right-5{padding-right:16px }.u-padding-bottom-5{padding-bottom:16px }.u-padding-left-5{padding-left:16px }.u-padding-top-6{padding-top:20px }.u-padding-right-6{padding-right:20px }.u-padding-bottom-6{padding-bottom:20px }.u-padding-left-6{padding-left:20px }.u-padding-top-7{padding-top:24px }.u-padding-right-7{padding-right:24px }.u-padding-bottom-7{padding-bottom:24px }.u-padding-left-7{padding-left:24px }.u-padding-top-8{padding-top:28px }.u-padding-right-8{padding-right:28px }.u-padding-bottom-8{padding-bottom:28px }.u-padding-left-8{padding-left:28px }.u-padding-top-9{padding-top:32px }.u-padding-right-9{padding-right:32px }.u-padding-bottom-9{padding-bottom:32px }.u-padding-left-9{padding-left:32px }.u-padding-top-10{padding-top:36px }.u-padding-right-10{padding-right:36px }.u-padding-bottom-10{padding-bottom:36px }.u-padding-left-10{padding-left:36px }.u-padding-top-11{padding-top:42px }.u-padding-right-11{padding-right:42px }.u-padding-bottom-11{padding-bottom:42px }.u-padding-left-11{padding-left:42px }.u-padding-top-12{padding-top:48px }.u-padding-right-12{padding-right:48px }.u-padding-bottom-12{padding-bottom:48px }.u-padding-left-12{padding-left:48px }.u-padding-top-13{padding-top:64px }.u-padding-right-13{padding-right:64px }.u-padding-bottom-13{padding-bottom:64px }.u-padding-left-13{padding-left:64px }.u-padding-top-14{padding-top:80px }.u-padding-right-14{padding-right:80px }.u-padding-bottom-14{padding-bottom:80px }.u-padding-left-14{padding-left:80px }.u-padding-top-15{padding-top:96px }.u-padding-right-15{padding-right:96px }.u-padding-bottom-15{padding-bottom:96px }.u-padding-left-15{padding-left:96px }.u-padding-top-16{padding-top:124px }.u-padding-right-16{padding-right:124px }.u-padding-bottom-16{padding-bottom:124px }.u-padding-left-16{padding-left:124px }.u-padding-top-17{padding-top:148px }.u-padding-right-17{padding-right:148px }.u-padding-bottom-17{padding-bottom:148px }.u-padding-left-17{padding-left:148px }.u-padding-top-18{padding-top:192px }.u-padding-right-18{padding-right:192px }.u-padding-bottom-18{padding-bottom:192px }.u-padding-left-18{padding-left:192px }.u-padding-top-19{padding-top:288px }.u-padding-right-19{padding-right:288px }.u-padding-bottom-19{padding-bottom:288px }.u-padding-left-19{padding-left:288px }.u-padding-top-20{padding-top:384px }.u-padding-right-20{padding-right:384px }.u-padding-bottom-20{padding-bottom:384px }.u-padding-left-20{padding-left:384px }.u-inline-block{display:inline-block }.u-border{border:1px solid #e9eaec}.u-border-left{border-left:1px solid #e9eaec}.u-border-right{border-right:1px solid #e9eaec}.u-border-top{border-top:1px solid #e9eaec}.u-border-bottom{border-bottom:1px solid #e9eaec}.u-line-height-1{line-height:1}.u-line-height-1-25{line-height:1.25}.u-line-height-1-5{line-height:1.5}.u-line-height-2{line-height:2}.u-nowrap{white-space:nowrap}.u-ellipsis{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:148px}.u-float-left{float:left}.u-float-right{float:right}.mail-alert{display:inline-block;margin:12px 0;width:100%;font-size:14px;line-height:28px;text-align:center;border-radius:4px;color:#262a31;background-color:#f9fafb;font-weight:500;box-sizing:content-box}.mail-alert a{text-decoration:none;color:inherit}.mail-alert.-blue{color:#0d5ea5;background-color:#ebf6ff;border:1px solid #dbeafe}.mail-alert.-green{color:#36a136;background-color:#edfded;border:1px solid #defcde}.mail-alert.-yellow{color:#d97c12;background-color:#fff7eb;border:1px solid #fff1db}.mail-alert.-red{color:#c13833;background-color:#fef2f2;border:1px solid #fce0de}.mail-alert.-marginless-top{margin-top:0}.mail-alert.-marginless-bottom{margin-bottom:0}.mail-alert.-marginless{margin:0}.mail-card{border:1px solid #e9eaec;border-radius:8px}.mail-card.-success{border-color:#bcf6bc;border-width:3px}.mail-card.-warning{border-color:#ffe9bd;border-width:3px}.mail-card.-danger{border-color:#feccca;border-width:3px}.mail-card-footer{padding:16px;background-color:#f9fafb;border-top:1px solid #e9eaec;border-radius:0 0 8px 8px}.mail-chip{display:inline-block;font-size:12px;color:#3f434a;line-height:24px;margin-right:6px;border:1px solid #e9eaec;border-radius:24px;padding-left:8px;padding-right:8px}.mail-group{display:inline-block;width:100%;margin-bottom:32px}.mail-group.-lg{margin-bottom:48px}.mail-label{display:block;font-size:12px;color:#a8abb2;margin-bottom:10px;line-height:1}.mail-label.-inline-block{margin-right:4px;margin-bottom:0;display:inline-block}.mail-field{display:block;font-size:12px;line-height:1;color:#5b6067}.mail-field.-medium{color:#3f434a;font-weight:500}.mail-field.-bold{color:#262a31;font-weight:700}.mail-field.-primary{color:#005ea8}.mail-field.-sm{font-size:11px}.mail-field.-md{font-size:14px}.mail-field.-lg{font-size:18px}.mail-field.-xl{font-size:22px}.mail-field-help{display:inline-block;font-size:11px;color:#a8abb2;line-height:1;margin-top:8px;font-style:normal}.mail-field-help.-marginless{margin-top:0}.mail-field-help.-margin\:sm{margin-top:4px}.mail-field-help.-anchor{color:#006dcc;text-decoration:none}.mail-field-icon{width:12px;height:12px;margin-right:3px}.mail-field-text{font-size:14px;color:#5b6067;line-height:1.4;margin:0}.mail-field-text.-sm{font-size:12px}.mail-help{display:block;font-weight:400;color:#a8abb2;font-size:11px;margin-top:6px;line-height:1;font-style:italic}.mail-help.-spaced{margin-top:12px;margin-bottom:32px}.mail-header{width:100%;font-family:"Roboto",sans-serif;border-bottom:1px solid #e9eaec}.mail-header-logo{width:184px;padding-left:24px}.mail-logo{display:block;margin:2px auto 12px;width:124px}.mail-header-content{padding-bottom:20px;vertical-align:top}.mail-title{margin-top:4px;margin-bottom:0;line-height:1.4;font-size:28px;font-weight:700;color:#005ea8}.mail-title-eyebrow{display:inline-block;font-size:14px;color:#7d838c;margin-bottom:0;margin-right:3px;line-height:1}.mail-title-muted{display:inline-block;margin:4px 0}.mail-subtitle{display:inline-block;font-size:16px;font-weight:700;color:#7d838c;margin-bottom:12px;margin-right:6px}.mail-subtitle.-margin\:sm{margin-bottom:4px}.mail-subtitle-tagline{display:block;font-size:12px;color:#7d838c;line-height:1.2;margin:6px 0}.mail-subtitle-eyebrow{display:block;font-size:12px;color:#5b6067;margin-bottom:4px}.mail-title-anchor{display:block;margin-top:8px;font-size:11px;color:#006dcc;text-decoration:none}.mail-panel{display:table;border:1px solid #e9eaec;border-radius:8px;overflow:hidden;min-width:100%}.mail-panel.-padded{padding-top:24px;padding-bottom:24px}.mail-table{margin:0;min-width:100%;border-collapse:collapse;font-size:12px;text-align:left;color:#3f434a}.mail-table.-zebra tbody tr:nth-child(even) td{background-color:#f4f5f6}.mail-table:not(.-panel) th{font-weight:700;color:#5b6067;font-size:10px;text-transform:uppercase;border-bottom:1px solid #d4d5d9}.mail-table:not(.-panel) td,.mail-table:not(.-panel) th{padding:8px 14px}.mail-table.-panel{color:#5b6067}.mail-table.-panel thead tr{border-bottom:1px solid #e9eaec}.mail-table.-panel th{font-size:11px;color:#7d838c;text-transform:uppercase;letter-spacing:.25px;font-weight:500;background-color:#f4f5f6;padding:8px 16px}.mail-table.-panel tbody tr:not(:last-child){border-bottom:1px solid #e9eaec}.mail-table.-panel td{padding:18px 16px}.mail-tag{background-color:#f4f5f6;border-radius:4px;padding:3px 6px;font-size:12px;color:#5b6067}.mail-tag.-blue{background-color:#ebf6ff;color:#006dcc}.mail-tag.-green{background-color:#edfded;color:#5bb75b}.mail-tag.-red{background-color:#fef2f2;color:#da4f49}.mail-tag.-yellow{background-color:#fff7eb;color:#faa732}.mail-tag.-nowrap{max-width:132px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-tag.-xl{padding:8px 8px;font-size:18px;font-weight:700;border-radius:6px}.mail-row{width:100%;display:block;margin:0 auto;border-collapse:collapse}[class*=mail-col]{padding-right:24px;padding-left:24px;vertical-align:top}[class*=mail-col].-first{padding-left:0}[class*=mail-col].-last{padding-right:0}[class*=mail-col].-align-middle{vertical-align:middle}.mail-col-1{width:100%}.mail-col-1-2{width:50%}.mail-col-1-3{width:33.33%}.mail-col-2-3{width:66.66%}.mail-col-3-4{width:75%}.mail-col-1-4{width:25%}p{color:#7d838c;font-size:14px;line-height:1.5}td{line-height:1}.mail-body{font-family:Roboto,sans-serif;color:#7d838c}.mail-content{width:100%;display:block;padding-left:16px;padding-right:16px;margin:0 auto}.mail-section{width:100%;border-bottom:1px solid #e9eaec;table-layout:fixed;margin-top:24px}.mail-section.-borderless{border:none}.mail-section.-gapless{margin-top:0}.mail-section.-padded{margin-top:0;padding:24px}.mail-footer{width:100%;text-align:center}.mail-separator{display:block;border-bottom:1px solid #e9eaec;margin-top:24px;margin-bottom:24px}.mail-separator.-sm{margin-top:12px;margin-bottom:12px}.mail-unlist{list-style:none;padding:0}.mail-unlist li{margin-bottom:6px;margin-left:0;font-size:12px}.mail-a{color:#006dcc;text-decoration:none}/*# sourceMappingURL=zeev-mail.css.map */