Files
jambonz-webapp/src/components/modal/styles.scss
T
7890b7031f feat: update @jambonz/ui-kit:0.0.21 (#200)
* feat: update @jambonz/ui-kit:0.0.21

* fix security vulnerabilities

---------

Co-authored-by: Quan HL <quanluuhoang8@gmail.com>
Co-authored-by: Dave Horton <daveh@beachdognet.com>
2023-02-13 08:47:56 -05:00

42 lines
811 B
SCSS

@use "src/styles/vars";
@use "src/styles/mixins";
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
.modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.25);
display: flex;
justify-content: center;
align-items: center;
z-index: vars.$zindex00;
padding-left: ui-vars.$px02;
padding-right: ui-vars.$px02;
&__stuff {
> * + * {
margin-top: ui-vars.$px02;
}
}
&__box {
padding: ui-vars.$px03;
width: 100%;
max-width: vars.$widthinput;
border-radius: ui-vars.$px02;
box-shadow: 0px ui-vars.$px00 ui-vars.$px00 rgba(0, 0, 0, 0.25);
background-color: ui-vars.$white;
@include mixins.small() {
padding: ui-vars.$px02;
}
> * + * {
margin-top: ui-vars.$px03;
}
}
}