Files
notifications-admin/app/assets/stylesheets/components/email-message.scss
Tom Byers 26e1e3a5cb Remove CSS tied to .js-enabled class
Not as obviously connected to expandCollapse but
no longer needed.
2019-08-30 08:44:14 +01:00

76 lines
1.2 KiB
SCSS

$white-50-opaque: rgba($white, 0.5);
$button-bottom-border-colour: rgba(0, 0, 0, 0.17);
$email-message-gutter: $gutter * 2;
// sass-lint:disable no-important
.email-message {
margin-bottom: $gutter;
border: 1px solid $border-colour;
&-meta {
@include core-19;
margin: 0;
td,
th {
@include core-19;
border-top: 0;
border-bottom: 1px solid $border-colour;
vertical-align: top;
}
th {
color: $secondary-text-colour;
padding-left: $email-message-gutter;
}
td {
width: 99%;
padding-right: $email-message-gutter;
word-break: break-word;
&:last-child {
padding-right: $email-message-gutter;
}
}
}
&-from {
padding-top: 15px;
}
&-body {
width: 100%;
box-sizing: border-box;
padding: $gutter-half $email-message-gutter 0 $email-message-gutter;
margin: 0 0 0 0;
clear: both;
position: relative;
word-wrap: break-word;
table {
margin: 0 0 20px 0;
td {
border: 0;
padding: 0;
font-family: inherit !important;
}
li:first-child {
margin-top: 0 !important;
}
}
}
}