aboutsummaryrefslogtreecommitdiffstats
path: root/src/wwwroot/styles/vendor/bootstrap-side-modal.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-06-01 21:13:43 +0200
committerivarlovlie <git@ivarlovlie.no>2022-06-01 21:13:43 +0200
commit9383a2fb09ffb60cfe63683106945bd688affa59 (patch)
tree65b3f4b48841583e355887db5de5a16e7005fc87 /src/wwwroot/styles/vendor/bootstrap-side-modal.scss
downloadvinjesvingenhandel.no-9383a2fb09ffb60cfe63683106945bd688affa59.tar.xz
vinjesvingenhandel.no-9383a2fb09ffb60cfe63683106945bd688affa59.zip
feat: Initial commit after clean slate
Diffstat (limited to 'src/wwwroot/styles/vendor/bootstrap-side-modal.scss')
-rw-r--r--src/wwwroot/styles/vendor/bootstrap-side-modal.scss48
1 files changed, 48 insertions, 0 deletions
diff --git a/src/wwwroot/styles/vendor/bootstrap-side-modal.scss b/src/wwwroot/styles/vendor/bootstrap-side-modal.scss
new file mode 100644
index 0000000..63bbf4d
--- /dev/null
+++ b/src/wwwroot/styles/vendor/bootstrap-side-modal.scss
@@ -0,0 +1,48 @@
+.modal-left .modal-dialog,
+.modal-right .modal-dialog {
+ width: 350px;
+ max-width: 80%;
+ height: 100%;
+ margin: 0;
+ transform: translate(0);
+ transition: transform 0.2s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .modal-left .modal-dialog,
+ .modal-right .modal-dialog {
+ transition: none;
+ }
+}
+
+.modal-left .modal-content,
+.modal-right .modal-content {
+ height: inherit;
+ border: 0;
+ border-radius: 0;
+}
+
+.modal-left .modal-body,
+.modal-right .modal-body {
+ overflow-y: auto;
+}
+
+.modal-left.modal.fade .modal-dialog,
+.modal-right.modal.fade .modal-dialog {
+ transform: translateX(0);
+}
+
+.modal-left.modal.show .modal-dialog,
+.modal-right.modal.show .modal-dialog {
+ transform: none;
+}
+
+.modal.modal-left .modal-dialog {
+ margin-right: auto;
+ transform: translateX(-100%);
+}
+
+.modal.modal-right .modal-dialog {
+ margin-left: auto;
+ transform: translateX(100%);
+} \ No newline at end of file