use modal - css refactor

This commit is contained in:
JDonadio 2017-02-24 14:46:54 -05:00
commit 1ee75fd424
7 changed files with 72 additions and 72 deletions

View file

@ -1,38 +1,36 @@
.button-stretch {
#pin-code {
background-color: #C3C3C3;
.button-stretch {
width: 100%;
}
.col-offset-15 {
margin-left: 15%;
}
@mixin centerer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content {
position: absolute;
width: 100%;
}
.col-offset-15 {
margin-left: 15%;
}
@mixin centerer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content {
position: relative;
width: 100%;
height: 100%;
}
.block-code {
@include centerer;
top: 20% !important;
width: 50%;
> .row > .col {
border-bottom: 1px solid #3E3E3E;
padding: 5px;
margin: 10px;
height: 35px;
height: 100%;
.block-code {
@include centerer;
top: 20% !important;
width: 50%;
> .row > .col {
border-bottom: 1px solid #3E3E3E;
padding: 5px;
margin: 10px;
height: 35px;
}
}
.block-buttons {
@include centerer;
padding: 20px;
}
}
}
.block-buttons {
@include centerer;
padding: 20px;
}