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