Issue #3308524: Refactored off-canvas CSS

Closes #3308524

css/components/admin/blazy.admin--fixes.css

@@ -55,98 +55,6 @@
   display: block !important; /* csslint allow: known-properties, important */
 }
 
-/* Off-canvas. */
-/* csslint ignore:start */
-#drupal-off-canvas .form--slick.form--half,
-#drupal-off-canvas .form--slick .form-item { /* csslint allow: ids */
-  height: auto;
-  min-width: 100%;
-  max-width: 100%;
-  width: 100%;
-}
-
-#drupal-off-canvas .form--slick.form--half { /* csslint allow: ids */
-  padding: 1rem;
-}
-
-#drupal-off-canvas .form--slick .form-item { /* csslint allow: ids */
-  border: 0;
-  float: none;
-  margin: 10px 0;
-  min-height: 22px;
-  padding: 0;
-}
-
-#drupal-off-canvas .form--slick .form-item.is-hovered,
-#drupal-off-canvas .form--slick .form-item.is-selected { /* csslint allow: ids */
-  z-index: 9;
-}
-
-#drupal-off-canvas .form--slick .form-item div[class*=description] { /* csslint allow: ids */
-  display: none;
-}
-
-#drupal-off-canvas .form--slick .form-item.is-hovered div[class*=description],
-#drupal-off-canvas .form--slick .form-item.is-selected div[class*=description] { /* csslint allow: ids */
-  display: block;
-}
-
-#drupal-off-canvas .form--slick select:not([multiple]) { /* csslint allow: ids */
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-#drupal-off-canvas .form-item .b-hint { /* csslint allow: ids */
-  background: #828282;
-  border-radius: 50%;
-  color: #fff;
-  content: '?';
-  font-family: sans-serif;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  margin: 0;
-  width: 16px;
-  height: 16px;
-  position: absolute;
-  right: 5px;
-  text-align: center;
-  top: 5px;
-  z-index: 8;
-}
-
-#drupal-off-canvas .has-tooltip .form-item > .description,
-#drupal-off-canvas .has-tooltip .form-composite > .fieldset-wrapper > .description { /* csslint allow: ids */
-  background: #000;
-}
-
-#drupal-off-canvas .form--slick .form-item--style { /* csslint allow: ids */
-  position: relative;
-  top: 0;
-}
-
-#drupal-off-canvas .form--slick .form-checkboxes { /* csslint allow: ids */
-  display: flex;
-  flex-wrap: wrap;
-}
-
-#drupal-off-canvas .form--slick .form-checkboxes .form-item { /* csslint allow: ids */
-  margin-bottom: 0;
-  min-width: 48.999%;
-  width: 48.999%;
-}
-
-#drupal-off-canvas .form--vanilla div[class*="-vanilla"] { /* csslint allow: ids */
-  position: relative;
-}
-
-#drupal-off-canvas .form--slick input[type="checkbox"] { /* csslint allow: ids */
-  float: left;
-  margin-top: 10px;
-}
-/* csslint ignore:end */
-
 /* Views UI. */
 .ui-dialog-content .form--slick .form-item {
   margin: 0;
@@ -244,10 +152,6 @@
   }
 
   /* csslint ignore:start */
-  #drupal-off-canvas .form--vanilla div[class*="-vanilla"] { /* csslint allow: ids */
-    top: 0;
-  }
-
   .views-ui-dialog .form--vanilla div[class*="-vanilla"] label {
     margin-left: 15px;
     width: auto;