open-vault/ui/app/styles/components/upgrade-overlay.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
1 KiB
SCSS

.upgrade-overlay {
font-size: 1rem;
opacity: 0;
text-align: left;
transition: opacity $speed-slow;
will-change: opacity;
z-index: 300;
&.is-animated {
opacity: 1;
}
.modal-background {
background-image: url('/ui/vault-hex.svg'), linear-gradient(90deg, #191a1c, #1b212d);
opacity: 0.97;
}
.modal-content {
overflow: auto;
overflow-x: hidden;
transform: translateY(20%) scale(0.9);
transition: transform $speed-slow;
will-change: transform;
}
&.is-animated {
.modal-content {
transform: translateY(0) scale(1);
}
}
.upgrade-overlay-title {
border-bottom: 1px solid $grey;
padding-bottom: $size-10;
.icon {
width: 32px;
#edition-enterprise-hexagon {
fill: $white;
}
}
}
.columns {
margin-bottom: $size-4;
margin-top: $size-4;
}
.column {
display: flex;
.box {
border-radius: $radius;
box-shadow: inset 0 0 0 1px $grey;
width: 100%;
}
}
li {
list-style: inside disc;
}
}