fleet/frontend/components/forms/RegistrationForm/ConfirmationPage/_styles.scss
Martavis Parker 7af97579fe
Frontend of usage statistics (#1177)
* #454 added usage stats disclaimer to setup confirmation

* #454 added new section to settings for usage stats

* #454 fixed vulnerability for hrefs

* removed jsx file

* #454 added logic to checkbox

* #454 created modal to preview usage stats; cleanup

* fixed tests and linting
2021-06-23 15:19:01 -07:00

106 lines
1.5 KiB
SCSS

.confirm-user-reg {
display: flex;
flex-direction: column;
align-items: center;
h2 {
text-align: center;
}
&__wrapper {
& + p {
margin-top: 40px;
font-size: $x-small;
}
}
&__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%;
caption {
font-size: $small;
font-weight: $bold;
margin-bottom: $pad-large;
text-align: left;
}
tr {
vertical-align: bottom;
}
th {
font-size: $small;
font-weight: $bold;
text-align: left;
padding-right: 108px;
}
td {
font-size: $small;
font-weight: $regular;
}
}
&__table-url {
@include ellipsis(100%);
font-family: "SourceCodePro", $monospace;
vertical-align: bottom;
font-weight: 600;
}
&__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;
.kolide-checkbox {
display: block;
&__label {
padding: 0;
}
}
p {
margin: 0;
padding-left: $pad-xxlarge;
}
.kolide-checkbox__input {
position: absolute;
left: 0;
top: 0;
}
}
.button {
width: 160px;
margin-top: $pad-xxlarge;
}
}