This repository has been archived on 2023-12-17. You can view files and clone it, but cannot push or open issues or pull requests.
extension/ui/apps/dashboard/App.scss

58 lines
1.0 KiB
SCSS
Raw Normal View History

@import "../../styles/global";
.content {
display: flex;
flex-direction: column;
max-width: 64em;
margin-top: 14em;
margin-bottom: 10em;
@include fluid-position-left(68em, 58em);
color: #fff;
opacity: 0;
transition: opacity 500ms;
&.connected {
opacity: 1;
}
}
.content-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 4em;
margin: 4em 0;
@media screen and (min-width: 36rem) {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
gap: 10em;
margin-top: 3em;
}
@media screen and (max-width: 80rem) {
> div {
background: rgba(#080808, 0.7);
border-radius: 0.5em;
padding: 0.8em 1.5em 1em;
margin: -0.8em -1.5em -1em;
}
}
}
main {
position: relative;
animation: 1000ms fade-in;
display: flex;
align-items: center;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}