Update SASS files

malavvasita · Oct 5, 2021 · f450ec3 · f450ec3
1 parent 4a92261
commit f450ec3
Showing 1 changed file with 44 additions and 36 deletions.
diff --git a/app/assets/css/rtmedia.css b/app/assets/css/rtmedia.css
@@ -88,6 +88,8 @@
 }
 
 #buddypress form#whats-new-form textarea {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
   min-height: 70px;
   width: 100%;
@@ -164,18 +166,18 @@ body.media.buddypress {
 }
 
 #whats-new-post-in-box {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 
 .rtmedia-container {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .rtmedia-container *, .rtmedia-container *:before, .rtmedia-container *:after {
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
   box-sizing: inherit;
 }
 
@@ -186,11 +188,8 @@ body.media.buddypress {
 }
 
 #rtmedia_uploader_filelist {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
 .rtmedia_bp_msg_media_upload_render {
@@ -464,8 +463,7 @@ button#rtmedia-add-media-button-post-update .dashicons {
   opacity: 0;
   position: absolute;
   text-align: center;
-  -webkit-transition: all ease-in-out 0.4s;
-          transition: all ease-in-out 0.4s;
+  transition: all ease-in-out 0.4s;
   width: 100%;
   z-index: 9;
 }
@@ -737,6 +735,8 @@ input.imgedit-submit-btn {
   left: 0;
   top: 0;
   padding: 0 8px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .mfp-container:before {
@@ -770,11 +770,15 @@ input.imgedit-submit-btn {
 }
 
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
   cursor: zoom-out;
 }
 
 .mfp-zoom {
   cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
   cursor: zoom-in;
 }
 
@@ -788,8 +792,7 @@ input.imgedit-submit-btn {
 .mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
-      user-select: none;
+  user-select: none;
 }
 
 .mfp-loading.mfp-figure {
@@ -818,6 +821,7 @@ button.mfp-close, button.mfp-arrow {
   outline: none;
   padding: 0;
   z-index: 1046;
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -888,8 +892,7 @@ button::-moz-focus-inner {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   opacity: 0;
   z-index: 10;
-  -webkit-transition: all 300ms ease-out;
-          transition: all 300ms ease-out;
+  transition: all 300ms ease-out;
 }
 .rtm-single-media:hover .mfp-arrow {
   opacity: 1;
@@ -1014,6 +1017,8 @@ img.mfp-img {
   height: auto;
   display: block;
   line-height: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 40px 0 40px;
   margin: 0 auto;
@@ -1105,8 +1110,7 @@ img.mfp-img {
 
 @keyframes spinner {
   to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 @-webkit-keyframes spinner {
@@ -1144,6 +1148,8 @@ img.mfp-img {
     top: auto;
     padding: 3px 5px;
     position: fixed;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
 
@@ -1171,20 +1177,17 @@ img.mfp-img {
 @media all and (max-width: 900px) {
   .mfp-arrow {
     -webkit-transform: scale(0.75);
-    -ms-transform: scale(0.75);
-        transform: scale(0.75);
+    transform: scale(0.75);
   }
 
   .mfp-arrow-left {
     -webkit-transform-origin: 0;
-    -ms-transform-origin: 0;
-        transform-origin: 0;
+    transform-origin: 0;
   }
 
   .mfp-arrow-right {
     -webkit-transform-origin: 100%;
-    -ms-transform-origin: 100%;
-        transform-origin: 100%;
+    transform-origin: 100%;
   }
 
   .mfp-container {
@@ -1301,8 +1304,7 @@ img.mfp-img {
   padding: 0 10px;
   position: absolute;
   width: 100%;
-  -webkit-transition: all 300ms ease-out;
-          transition: all 300ms ease-out;
+  transition: all 300ms ease-out;
 }
 .rtm-single-media:hover .rtm-ltb-action-container {
   opacity: 1;
@@ -1744,8 +1746,7 @@ li.rtmedia-list-item.media-type-video .mejs-overlay-play {
   left: 50%;
   font-size: 50px;
   color: #000;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   width: 200px;
 }
@@ -1762,9 +1763,13 @@ li.rtmedia-list-item.media-type-video .mejs-overlay-play {
 }
 
 .rtmedia-activity-container {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .rtmedia-activity-container *, .rtmedia-activity-container *:before, .rtmedia-activity-container *:after {
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
   box-sizing: inherit;
 }
 .rtmedia-activity-container .rtmedia-list.masonry {
@@ -2220,8 +2225,12 @@ abbr.required {
   background: #f7f7f7;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7));
   background-image: -webkit-linear-gradient(bottom, #fff, #f7f7f7);
+  background-image: -moz-linear-gradient(bottom, #fff, #f7f7f7);
+  background-image: -o-linear-gradient(bottom, #fff, #f7f7f7);
   background-image: linear-gradient(to top, #fff, #f7f7f7);
+  -webkit-border-radius: 3px;
   border-radius: 3px;
+  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
 }
 
@@ -2233,8 +2242,12 @@ abbr.required {
   background-color: #8cc1e9;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
   background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
+  background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
+  background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
   background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
+  -webkit-border-radius: 3px;
   border-radius: 3px;
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 }
 
@@ -2385,6 +2398,7 @@ form.upgrade .hint {
   border-style: solid;
   line-height: 1.8em;
   word-spacing: 3px;
+  -webkit-border-radius: 6px;
   border-radius: 6px;
 }
 
@@ -2741,6 +2755,7 @@ span.imgedit-scale-warn {
   background-color: #ffffe0;
   border-color: #e6db55;
   padding: 0 .6em;
+  -webkit-border-radius: 3px;
   border-radius: 3px;
   border-width: 1px;
   border-style: solid;
@@ -3033,8 +3048,7 @@ h2.rtm-gallery-title {
 
 @keyframes spinner {
   to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 @-webkit-keyframes spinner {
@@ -3127,8 +3141,6 @@ a.rtmedia-upload-media-link {
 
 @media only screen and (min-width: 1025px) {
   .mfp-content .rtm-lightbox-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
     table-layout: fixed;
     width: 100%;
@@ -3138,13 +3150,9 @@ a.rtmedia-upload-media-link {
     background: transparent;
   }
   .mfp-content .rtm-single-media {
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
     width: 66.6667%;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
+    align-items: center;
   }
   .mfp-content .rtm-single-meta {
     display: block;