mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 05:18:11 +00:00
51 lines
695 B
SCSS
51 lines
695 B
SCSS
@import './variables.scss';
|
|
@import './responsive.scss';
|
|
|
|
.card-dimmer {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
|
|
z-index: 100;
|
|
|
|
background: rgba(black, 0.65);
|
|
}
|
|
|
|
.card {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 100;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
overflow-x: hidden;
|
|
background: #202020da;
|
|
|
|
box-shadow: 0 0 15px 5px #303030;
|
|
|
|
width: 600px;
|
|
|
|
padding: 0.5em 1em;
|
|
|
|
@include smallScreen {
|
|
width: 100%;
|
|
height: 80vh;
|
|
}
|
|
|
|
&-exit {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0.5em 0.5em;
|
|
|
|
img {
|
|
width: 2em;
|
|
}
|
|
|
|
cursor: pointer;
|
|
}
|
|
}
|