vendor/assets/stylesheets/modal.css.scss in flashgrid-1.3.0 vs vendor/assets/stylesheets/modal.css.scss in flashgrid-2.0.0
- old
+ new
@@ -38,12 +38,12 @@
transition: opacity 0.3s linear, top 0.3s ease-out;
top: -100%;
}
.modal.fade.in { top: 15%; }
.modal-header {
- border-top-left-radius: 5px;
border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
padding: 21px 15px 18px 15px;
}
.modal-header h3 {
font-size: 17px;
letter-spacing: 1px;
@@ -51,33 +51,31 @@
margin: 0;
text-align: center;
text-transform: uppercase;
}
.modal-body {
- border-top: 1px solid rgba(217,222,225,1);
border-bottom: 1px solid rgba(227,232,235,1);
+ border-top: 1px solid rgba(217,222,225,1);
max-height: 300px;
overflow-y: scroll;
padding: 15px 18px;
position: relative;
}
.modal-body p:last-child { margin-bottom: 0; }
.modal-footer {
- border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
margin-bottom: 0;
padding: 0;
}
.modal-footer:after { clear: both; }
.modal-footer-btn,
input[type="submit"].modal-footer-btn {
-webkit-appearance: none;
-moz-appearance: none;
- border: none;
background: transparent;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
+ border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: rgba(0,153,255,1);
cursor: pointer;
float: left;
@@ -92,25 +90,25 @@
text-rendering: geometricPrecision;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
}
+.modal-footer-btn:first-child,
+input[type="submit"].modal-footer-btn:first-child { border-bottom-left-radius: 5px; }
+.modal-footer-btn:last-child,
+input[type="submit"].modal-footer-btn:last-child { border-bottom-right-radius: 5px; }
.modal-footer-btn[disabled],
input[type="submit"].modal-footer-btn[disabled] {
color: rgba(158,171,179,1);
cursor: not-allowed;
}
-.modal-footer-btn-left,
-input[type="submit"].modal-footer-btn-left {
+.modal-footer-dual > .modal-footer-btn,
+.modal-footer-dual > input[type="submit"].modal-footer-btn {
border-right: 1px solid rgba(217,222,225,1);
- border-bottom-right-radius: 0;
width: 50%;
}
-.modal-footer-btn-right,
-input[type="submit"].modal-footer-btn-right {
- border-bottom-left-radius: 0;
- width: 50%;
-}
+.modal-footer-dual > .modal-footer-btn:last-child,
+.modal-footer-dual > input[type="submit"].modal-footer-btn:last-child { border-right: none; }
/* #Media Queries
================================================== */
@media only screen and (max-width: 767px) {
.modal {
\ No newline at end of file