open-vault/ui/app/styles/components/features-selection.scss
Noelle Daley 0aa0e0fe1d
UI/gate wizard (#6094)
* check for capabilities when finding matching paths

* disable wizard items that user does not have access to

* make hasPermissions accept an array of capabilities

* refactor features-selection

* fix tests

* implement feedback
2019-01-28 14:49:25 -08:00

56 lines
820 B
SCSS

.feature-header {
font-size: $size-6;
font-weight: $font-weight-semibold;
color: $grey;
}
.access-information {
display: flex;
padding: $size-8 0px;
font-size: $size-8;
}
.feature-box {
box-shadow: $box-shadow;
border-radius: $radius;
padding: $size-8;
margin: $size-8 0;
&.is-active {
box-shadow: 0 0 0 1px $grey-light;
}
&.is-disabled {
background-color: $ui-gray-010;
color: $ui-gray-300;
}
}
.feature-box label {
font-weight: $font-weight-semibold;
padding-left: $size-10;
&::before {
top: 3px;
}
&::after {
top: 5px;
}
}
.feature-steps {
font-size: $size-8;
color: $grey;
line-height: 1.5;
margin-left: $size-3;
margin-top: $size-10;
li::before {
// bullet
content: '\2022';
position: relative;
right: $size-11;
}
}