use modal - css refactor
This commit is contained in:
parent
86b8bd4326
commit
1ee75fd424
7 changed files with 72 additions and 72 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue