Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #modal-box-login{
- position: fixed;
- display: none;
- width: 100vw;
- height: 100vh;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0,0,0,0.5);
- z-index: 100;
- cursor: pointer;
- .modal-content-overlay{
- @include linearGradient(#2c3e50, #34495e);
- @include roundedCorners(30);
- width: 80vw;
- height: 75vh;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- cursor:default;
- overflow: hidden;
- .modal-content-wrapper{
- width: calc(100% + 30px);
- height: calc(100% + 30px);
- padding: 0 1rem;
- font-size: 2rem;
- text-align: justify;
- overflow: scroll !important;
- position: relative;
- .modal-text-wrapper{
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- flex-wrap: wrap;
- }
- h1{
- color: white;
- font-family:'Montserrat', sans-serif;
- display: block;
- position: sticky;
- top: 0;
- background: #2c3e50;
- width: 100%;
- border-bottom: 2px solid rgba(255,255,255,0.5);
- height: 1.5em;
- text-transform: uppercase;
- font-size: 1.5em;
- -webkit-box-shadow: 0 8px 6px -6px black;
- -moz-box-shadow: 0 8px 6px -6px black;
- box-shadow: 0 8px 6px -6px black;
- }
- p{
- color: white;
- font-family:'Montserrat', sans-serif;
- width: 27%;
- font-size: 1.2rem;
- padding: 1rem;
- border: 1px solid red;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement