open-vault/ui/app/styles/components/box-label.scss
Matthew Irish 9f77077877
UI - build optimize (#5784)
* remove ember-cli-favicon

* link to png favicon in public folder

* skip some things in the build depending on the env

* update to ember-cli 3.5.0 for broccoli 2, and ember-fetch because it was incompatible with broccoli 2

* update some things the new sass module wasn't happy about

* turn off more things in dev to make the build faster

* bump to the latest ember-cli and move back to node-sass

* remove sass since we're using node-sass

* include polyfill in test as well
2018-11-26 12:47:56 -06:00

64 lines
997 B
SCSS

label.box-label {
cursor: pointer;
}
.box-label {
@extend .box;
@extend .is-centered;
@extend .is-gapless;
border-color: $grey-light;
border-radius: 3px;
box-shadow: $box-link-shadow;
text-decoration: none;
transition: box-shadow $speed;
width: 100%;
> div:first-child {
flex-grow: 1;
}
&.is-column {
@extend .is-flex-column;
}
&.is-selected {
box-shadow: $box-link-hover-shadow, $box-shadow-middle;
.icon {
color: $grey;
}
}
.icon {
color: $grey-light;
}
input[type='radio'] {
display: none;
}
input[type='radio'] + label {
border: 1px solid $grey-light;
border-radius: 50%;
cursor: pointer;
display: block;
margin: 1rem auto 0;
height: 1rem;
width: 1rem;
}
input[type='radio']:checked + label {
background: $blue;
border: 1px solid $blue;
box-shadow: inset 0 0 0 0.15rem $white;
}
}
.box-label-header {
color: $grey;
.is-selected & {
color: $text;
}
}