📦 Shared UI v2.12.0

wpmudev · Dec 3, 2021 · 59e6e84 · 59e6e84
1 parent 028a8d1
commit 59e6e84
Show file tree

Hide file tree

Showing 61 changed files with 5,225 additions and 8,980 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/dist/css/shared-ui.css b/dist/css/shared-ui.css
diff --git a/dist/css/shared-ui.min.css b/dist/css/shared-ui.min.css
diff --git a/dist/css/sui-wp-editor.css b/dist/css/sui-wp-editor.css
@@ -1,18 +1,16 @@
 /*!
  * WPMU DEV Shared UI
- * Copyright 2018 - 2019 Incsub (https://incsub.com)
- * Licensed under GPL v2 (http://www.gnu.org/licenses/gpl-2.0.html)
+ * Copyright 2018 - 2021 Incsub (https://incsub.com)
+ * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */
-.sui-2-11-2 .sui-wrap .sui-label-editor {
+.sui-2-12-0 .sui-wrap .sui-label-editor {
   margin-bottom: 0;
   line-height: 30px;
 }
-
-.sui-2-11-2 .sui-wrap .sui-label-editor + .wp-editor-wrap {
+.sui-2-12-0 .sui-wrap .sui-label-editor + .wp-editor-wrap {
   margin-top: -30px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
   float: none;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -25,8 +23,7 @@
           justify-content: flex-end;
   margin-bottom: 5px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
   height: 30px;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
@@ -40,25 +37,21 @@
   font: 500 13px/22px "Roboto", Arial, sans-serif;
   letter-spacing: -0.25px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
   margin: 0;
   border-radius: 4px 0 0 4px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
   border-radius: 0 4px 4px 0;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-editor-container {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-editor-container {
   border: 1px solid #DDDDDD;
   border-radius: 4px;
   background-color: #FAFAFA;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
   height: 30px;
   margin: 0 10px 0 0;
   padding: 7px 16px;
@@ -68,88 +61,72 @@
   font: 500 12px/16px "Roboto", Arial, sans-serif;
   letter-spacing: -0.25px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
   vertical-align: middle;
   margin-top: -1px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
   color: inherit;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
   margin: 0;
 }
-
 @media (max-width: 465px) {
-  .sui-2-11-2 .sui-wrap .wp-editor-wrap .wp-media-buttons {
+  .sui-2-12-0 .sui-wrap .wp-editor-wrap .wp-media-buttons {
     float: none;
     margin-bottom: 5px;
   }
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-top-part:before {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-top-part:before {
   content: unset;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
   border-radius: 2px 2px 0 0;
   background-color: #FFFFFF;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
   border-bottom: 1px solid #E6E6E6;
   background-color: transparent;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-statusbar {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-statusbar {
   border-top-width: 0;
   border-top-style: none;
   border-top-color: transparent;
   border-radius: 0 0 2px 2px;
   background: transparent;
   background-color: #FAFAFA;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
   padding: 5px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
   color: #666666;
   font-size: 16px;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
   background-color: #E1F6FF;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
   color: #17A8E3;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
   padding: 3px 8px;
   border-bottom: 1px solid #E6E6E6;
   background-color: #FFFFFF;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
@@ -160,20 +137,17 @@
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-11-2 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-12-0 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
   background-color: #E1F6FF;
   color: #17A8E3;
 }
-
 @media screen and (min-width: 782px) {
-  .sui-2-11-2 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+  .sui-2-12-0 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
     height: 30px;
     line-height: 30px;
   }
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap textarea {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap textarea {
   width: 100%;
   height: auto !important;
   min-height: 210px;
@@ -184,15 +158,12 @@
   border: 0;
   background-color: #FAFAFA;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap textarea, .sui-2-11-2 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-11-2 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-11-2 .sui-wrap .wp-editor-wrap textarea:active {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap textarea, .sui-2-12-0 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-12-0 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-12-0 .sui-wrap .wp-editor-wrap textarea:active {
   -webkit-box-shadow: none;
           box-shadow: none;
   outline: none;
 }
-
-.sui-2-11-2 .sui-wrap .wp-editor-wrap.html-active .switch-html,
-.sui-2-11-2 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
+.sui-2-12-0 .sui-wrap .wp-editor-wrap.html-active .switch-html, .sui-2-12-0 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
   background-color: #E1F6FF;
   color: #17A8E3;
 }
@@ -208,7 +179,6 @@
   font-family: "Roboto", Arial, sans-serif;
   letter-spacing: -0.25px;
 }
-
 .mce-content-body * {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -220,31 +190,25 @@
   -webkit-font-smoothing: antialiased;
   text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
 }
-
 .mce-content-body h1:first-child, .mce-content-body h2:first-child, .mce-content-body h3:first-child, .mce-content-body h4:first-child, .mce-content-body h5:first-child, .mce-content-body h6:first-child, .mce-content-body p:first-child, .mce-content-body ol:first-child, .mce-content-body ul:first-child {
   margin-top: 0;
 }
-
 .mce-content-body h1:last-child, .mce-content-body h2:last-child, .mce-content-body h3:last-child, .mce-content-body h4:last-child, .mce-content-body h5:last-child, .mce-content-body h6:last-child, .mce-content-body p:last-child, .mce-content-body ol:last-child, .mce-content-body ul:last-child {
   margin-bottom: 0;
 }
-
 .mce-content-body h1 b, .mce-content-body h1 strong, .mce-content-body h2 b, .mce-content-body h2 strong, .mce-content-body h3 b, .mce-content-body h3 strong, .mce-content-body h4 b, .mce-content-body h4 strong, .mce-content-body h5 b, .mce-content-body h5 strong, .mce-content-body h6 b, .mce-content-body h6 strong, .mce-content-body p b, .mce-content-body p strong, .mce-content-body ol b, .mce-content-body ol strong, .mce-content-body ul b, .mce-content-body ul strong {
   font-weight: 500;
 }
-
 .mce-content-body h1, .mce-content-body h2 {
   line-height: 2.2em;
 }
-
 .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6 {
   line-height: 1.4em;
 }
-
 .mce-content-body a, .mce-content-body a:hover, .mce-content-body a:focus, .mce-content-body a:active, .mce-content-body a:visited {
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #17A8E3;
   text-decoration: none;
-}
+}