Browse Source

tightens up modal so it sits now 4% inside of a page grid instead of flush along edge

pull/258/head
jlukic 11 years ago
parent
commit
3dd8d94af1
1 changed files with 8 additions and 9 deletions
  1. 17
      src/modules/modal.less

17
src/modules/modal.less

@ -92,14 +92,13 @@
}
.ui.modal > .content > .left {
display: table-cell;
padding-right: 5%;
padding-right: 1.5%;
min-width: 25%;
}
.ui.modal > .content > .right {
display: table-cell;
padding-left: 5%;
padding-left: 1.5%;
vertical-align: top;
min-width: 25%;
}
.ui.modal > .content > .left > .icon {
font-size: 8em;
@ -161,20 +160,20 @@
}
@media only screen and (min-width : 1500px) {
.ui.modal {
width: 64%;
margin-left: -32%;
width: 56%;
margin-left: -28%;
}
}
@media only screen and (min-width : 1750px) {
.ui.modal {
width: 54%;
margin-left: -27%;
width: 42%;
margin-left: -21%;
}
}
@media only screen and (min-width : 2000px) {
.ui.modal {
width: 44%;
margin-left: -22%;
width: 36%;
margin-left: -18%;
}
}

Loading…
Cancel
Save