Files

107 lines
1.8 KiB
SCSS

.confirm-user-reg {
display: flex;
flex-direction: column;
align-items: center;
&__help-text {
@include help-text;
color: $ui-fleet-black-75; // Undo grey in help text
}
&__icon {
color: $ui-success;
font-size: 120px;
display: block;
text-align: center;
margin: 10px 0 35px;
}
&__submit {
bottom: 0;
top: auto;
position: absolute;
border-top-left-radius: 0;
border-top-right-radius: 0;
&:active {
top: auto;
}
}
&__table {
width: 100%;
border-collapse: separate;
border-spacing: 0 $gap-form; /* 0px horizontal, 16px vertical gap between rows */
caption {
font-size: $x-small;
font-weight: $bold;
margin-bottom: $pad-large;
text-align: left;
}
tr {
vertical-align: bottom;
}
th {
font-size: $x-small;
font-weight: $bold;
text-align: left;
padding-right: 20px;
}
td {
font-size: $x-small;
font-weight: $regular;
}
}
&__table-email {
max-width: 292px;
word-wrap: break-word;
}
&__table-url {
display: inline-block;
max-width: 292px;
word-wrap: break-word;
font-family: "SourceCodePro", $monospace;
vertical-align: bottom;
font-weight: $bold;
}
&__import {
user-select: none;
font-size: $x-small;
font-weight: $regular;
line-height: 1.71;
letter-spacing: 0.5px;
color: $core-fleet-black;
margin: 30px 0 0;
.fleet-checkbox {
display: block;
&__label {
padding: 0;
}
}
p {
margin: 0;
padding-left: $pad-xxlarge;
}
.fleet-checkbox__input {
position: absolute;
left: 0;
top: 0;
}
}
}
body.dark-mode .confirm-user-reg__table tbody tr {
background-color: transparent;
}