Merge branch 'MDL-66883-master' of git://github.com/bmbrands/moodle

[moodle.git] / theme / boost / style / moodle.css

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 01b77d5..304da7f 100644 (file)
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -4811,7 +4811,7 @@ input[type="button"].btn-block {
   position: relative;
   display: block;
   min-height: 1.40625rem;
-  padding-left: 1.5rem; }
+  padding-left: 1.75rem; }
 
 .custom-control-inline {
   display: inline-flex;
@@ -4844,22 +4844,22 @@ input[type="button"].btn-block {
   vertical-align: top; }
   .custom-control-label::before {
     position: absolute;
-    top: 0.203125rem;
-    left: -1.5rem;
+    top: 0.078125rem;
+    left: -1.75rem;
     display: block;
-    width: 1rem;
-    height: 1rem;
+    width: 1.25rem;
+    height: 1.25rem;
     pointer-events: none;
     content: "";
     background-color: #fff;
     border: #adb5bd solid 1px; }
   .custom-control-label::after {
     position: absolute;
-    top: 0.203125rem;
-    left: -1.5rem;
+    top: 0.078125rem;
+    left: -1.75rem;
     display: block;
-    width: 1rem;
-    height: 1rem;
+    width: 1.25rem;
+    height: 1.25rem;
     content: "";
     background: no-repeat 50% / 50% 50%; }
 
@@ -4889,26 +4889,26 @@ input[type="button"].btn-block {
   background-color: rgba(17, 119, 209, 0.5); }
 
 .custom-switch {
-  padding-left: 2.25rem; }
+  padding-left: 2.6875rem; }
   .custom-switch .custom-control-label::before {
-    left: -2.25rem;
-    width: 1.75rem;
+    left: -2.6875rem;
+    width: 2.1875rem;
     pointer-events: all;
-    border-radius: 0.5rem; }
+    border-radius: 0.625rem; }
   .custom-switch .custom-control-label::after {
-    top: calc(0.203125rem + 2px);
-    left: calc(-2.25rem + 2px);
-    width: calc(1rem - 4px);
-    height: calc(1rem - 4px);
+    top: calc(0.078125rem + 2px);
+    left: calc(-2.6875rem + 2px);
+    width: calc(1.25rem - 4px);
+    height: calc(1.25rem - 4px);
     background-color: #adb5bd;
-    border-radius: 0.5rem;
+    border-radius: 0.625rem;
     transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
     @media (prefers-reduced-motion: reduce) {
       .custom-switch .custom-control-label::after {
         transition: none; } }
   .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
     background-color: #fff;
-    transform: translateX(0.75rem); }
+    transform: translateX(0.9375rem); }
   .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
     background-color: rgba(17, 119, 209, 0.5); }
 
@@ -11140,74 +11140,6 @@ div.editor_atto_toolbar button .icon {
 .dir-ltr .dir-ltr-hide {
   display: none; }
 
-.switch {
-  position: relative;
-  display: inline-block; }
-  .switch input {
-    float: left;
-    width: 1px;
-    transform: translateX(1px);
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    line-height: 1.25rem; }
-    .switch input + label {
-      position: relative;
-      min-height: 1.25rem;
-      min-width: 2.5rem;
-      line-height: 1.25rem;
-      border-radius: 1.25rem;
-      display: inline-block;
-      cursor: pointer;
-      outline: none;
-      user-select: none;
-      padding-left: 3rem; }
-    .switch input + label::before,
-    .switch input + label::after {
-      content: '';
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      display: block; }
-    .switch input + label::before {
-      right: 0;
-      height: 1rem;
-      width: 2.5rem;
-      top: calc(50% - 0.5rem);
-      background-color: #dee2e6;
-      border-radius: 1.25rem;
-      transition: 0.2s all; }
-    .switch input + label::after {
-      left: 0;
-      width: 1.25rem;
-      height: 1.25rem;
-      top: calc(50% - 0.625rem);
-      border-radius: 50%;
-      background-color: #fff;
-      transition: 0.2s all;
-      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
-    .switch input:checked + label::before {
-      background-color: rgba(17, 119, 209, 0.4); }
-    .switch input:checked + label::after {
-      margin-left: 1.25rem;
-      background-color: #1177d1; }
-    .switch input:focus + label::before {
-      outline: none; }
-    .switch input:focus + label::after {
-      outline: none;
-      box-shadow: 0 0 0 0.4rem rgba(17, 119, 209, 0.25); }
-    .switch input:disabled + label {
-      color: #868e96;
-      cursor: not-allowed; }
-    .switch input:disabled + label::before {
-      background-color: #e9ecef; }
-    .switch input:disabled + label::after {
-      background-color: #868e96; }
-  .switch.sr-only-label input + label {
-    text-indent: -9999px;
-    margin-bottom: 0;
-    padding-left: 0; }
-
 .paged-content-page-container {
   min-height: 3.125rem; }
 
@@ -17761,6 +17693,18 @@ body.behat-site [data-region="drawer"] {
   transition: initial;
   position: absolute; }
 
+body.behat-site .custom-control,
+body.behat-site .custom-switch {
+  padding-left: 0; }
+
+body.behat-site .custom-control-input {
+  position: static;
+  z-index: 0;
+  opacity: 1; }
+
+body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
+  content: none; }
+
 .phpinfo table,
 .phpinfo th,
 .phpinfo h2 {