lbry-desktop/ui/scss/component/_modal-page.scss

54 lines
845 B
SCSS
Raw Normal View History

2017-04-12 22:23:20 +02:00
@import "../global";
2017-04-01 08:51:15 +02:00
2017-04-09 17:06:23 +02:00
.modal-page {
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
2017-04-10 14:32:40 +02:00
border: 1px solid rgb(204, 204, 204);
background: rgb(255, 255, 255);
overflow: auto;
}
.modal-page--full {
2017-04-09 17:06:23 +02:00
left: 0;
right: 0;
top: 0;
bottom: 0;
.modal-page__content {
max-width: 500px;
}
2017-04-09 17:06:23 +02:00
}
/*
2017-04-01 08:51:15 +02:00
.modal-page {
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid rgb(204, 204, 204);
background: rgb(255, 255, 255);
overflow: auto;
border-radius: 4px;
outline: none;
padding: 36px;
top: 25px;
left: 25px;
right: 25px;
bottom: 25px;
}
2017-04-09 17:06:23 +02:00
*/
.modal-page__content {
h1, h2 {
margin-bottom: $spacing-vertical / 2;
}
h3, h4 {
margin-bottom: $spacing-vertical / 4;
}
}