rentgen/components/report-window/email-content.scss

75 lines
1.2 KiB
SCSS
Raw Normal View History

2022-05-21 14:42:15 +02:00
@import './../../styles/colors.scss';
2022-05-22 18:22:29 +02:00
h1 {
font-size: 1.1rem;
margin-bottom: calc(24 / 16 * 1rem);
}
2022-05-21 14:42:15 +02:00
.mail-container {
box-shadow: rgba(12, 12, 13, 0.1) 0px 1px 4px 0px;
background-color: #fff;
margin-top: 0.5rem;
2022-05-22 18:22:29 +02:00
max-width: 100ex;
margin: 0 auto;
font-size: calc(14 / 16 * 1rem);
2022-05-21 14:42:15 +02:00
&__header {
display: flex;
justify-content: flex-end;
}
&__content {
2022-07-03 19:35:36 +02:00
max-height: 50vh;
2022-05-21 14:42:15 +02:00
overflow-y: scroll;
padding: 1rem 2rem;
color: $black-color;
2022-07-03 19:35:36 +02:00
a {
color: $ultra-black-color;
}
2022-05-21 14:42:15 +02:00
}
h2 {
2022-05-22 18:22:29 +02:00
font-weight: 700;
font-size: 1rem;
2022-05-21 14:42:15 +02:00
}
p {
2022-05-22 18:22:29 +02:00
font-size: calc(14 / 16 * 1rem);
2022-05-21 14:42:15 +02:00
}
}
2022-07-03 19:35:36 +02:00
.greeting-text {
font-size: 1rem;
a {
color: $ultra-black-color;
font-weight: 700;
}
}
2022-07-08 22:41:58 +02:00
.buttons-email-container {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 2rem 0;
padding: 1em 0;
&--single {
grid-template-columns: 1fr 1fr 1fr;
}
.sv_prev_btn,
.sv_next_btn {
margin: 0 !important;
}
.sv_prev_btn {
grid-column: 2/3;
}
.sv_next_btn--single {
grid-column: 2;
}
}