Commit 9a4a499f authored by lauriii's avatar lauriii

Issue #3024527 by alexpott, markconroy, waako, occupant: Add and configure stylelint-order

parent 73e510ed
This diff is collapsed.
......@@ -6,21 +6,21 @@
/* Set some global attributes. */
#drupal-off-canvas *,
#drupal-off-canvas *:not(div) {
color: #ddd;
background: #444;
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
color: #ddd;
}
/* Generic elements. */
#drupal-off-canvas a,
#drupal-off-canvas .link {
transition: color 0.5s ease;
text-decoration: none;
color: #85bef4;
border-bottom: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
font-size: inherit;
font-weight: normal;
color: #85bef4;
text-decoration: none;
transition: color 0.5s ease;
}
#drupal-off-canvas a:focus,
......@@ -40,44 +40,44 @@
#drupal-off-canvas h1,
#drupal-off-canvas .heading-a {
display: block;
font-weight: bold;
font-size: 1.625em;
font-weight: bold;
line-height: 1.875em;
}
#drupal-off-canvas h2,
#drupal-off-canvas .heading-b {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 1.385em;
font-weight: bold;
}
#drupal-off-canvas h3,
#drupal-off-canvas .heading-c {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 1.231em;
font-weight: bold;
}
#drupal-off-canvas h4,
#drupal-off-canvas .heading-d {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 1.154em;
font-weight: bold;
}
#drupal-off-canvas h5,
#drupal-off-canvas .heading-e {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 1.077em;
font-weight: bold;
}
#drupal-off-canvas h6,
#drupal-off-canvas .heading-f {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 1.077em;
font-weight: bold;
}
#drupal-off-canvas p {
margin: 1em 0;
......@@ -87,8 +87,8 @@
}
#drupal-off-canvas dl dd,
#drupal-off-canvas dl dl {
margin-left: 20px; /* LTR */
margin-bottom: 10px;
margin-left: 20px; /* LTR */
}
[dir="rtl"] #drupal-off-canvas dl dd,
[dir="rtl"] #drupal-off-canvas dl dl {
......@@ -160,19 +160,19 @@
}
#drupal-off-canvas .visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
#drupal-off-canvas .visually-hidden.focusable:active,
#drupal-off-canvas .visually-hidden.focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
clip: auto;
width: auto;
height: auto;
}
#drupal-off-canvas .invisible {
visibility: hidden;
......@@ -212,23 +212,23 @@
color: #444;
}
#drupal-off-canvas .messages--status {
color: #325e1c;
background-color: #f3faef;
background-image: url(../icons/73b355/check.svg);
color: #325e1c;
}
#drupal-off-canvas .messages--warning {
color: #734c00;
background-color: #fdf8ed;
background-image: url(../icons/e29700/warning.svg);
color: #734c00;
}
#drupal-off-canvas .messages--error {
color: #a51b00;
background-color: #fcf4f2;
background-image: url(../icons/e32700/error.svg);
color: #a51b00;
}
#drupal-off-canvas .messages--error div[role="alert"] {
background: transparent;
color: inherit;
background: transparent;
}
......@@ -7,70 +7,70 @@
#drupal-off-canvas button,
#drupal-off-canvas .button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0 0 10px;
padding: 0;
cursor: pointer;
text-decoration: none;
text-transform: none;
border: 0;
box-shadow: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
line-height: normal;
text-transform: none;
text-decoration: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}
#drupal-off-canvas button.link {
display: inline;
transition: color 0.5s ease;
color: #85bef4;
background: transparent;
font-size: 14px;
color: #85bef4;
transition: color 0.5s ease;
}
#drupal-off-canvas button.link:hover,
#drupal-off-canvas button.link:focus {
color: #46a0f5;
text-decoration: none;
color: #46a0f5;
}
#drupal-off-canvas input[type="submit"].button {
display: inline-block;
position: relative;
display: inline-block;
width: 100%;
height: auto;
padding: 4px 20px;
cursor: pointer;
transition: background 0.5s ease;
text-align: center;
color: #f5f5f5;
border: 0;
border-radius: 20em;
background: #777;
font-weight: 600;
font-size: 14px;
color: #f5f5f5;
text-align: center;
cursor: pointer;
transition: background 0.5s ease;
font-weight: 600;
}
#drupal-off-canvas input[type="submit"].button:hover,
#drupal-off-canvas input[type="submit"].button:focus,
#drupal-off-canvas input[type="submit"].button:active {
border: 0;
color: #fff;
z-index: 10;
text-decoration: none;
color: #fff;
border: 0;
outline: none;
z-index: 10;
}
#drupal-off-canvas input[type="submit"].button:focus,
#drupal-off-canvas input[type="submit"].button:active {
box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
}
#drupal-off-canvas input[type="submit"].button--primary {
margin-top: 15px;
color: #fff;
border: 0;
background: #277abd;
color: #fff;
margin-top: 15px;
}
#drupal-off-canvas input[type="submit"].button--primary:hover,
#drupal-off-canvas input[type="submit"].button--primary:focus,
#drupal-off-canvas input[type="submit"].button--primary:active {
background: #236aaf;
outline: none;
background: #236aaf;
}
#drupal-off-canvas .button-action:before {
margin-left: -0.2em; /* LTR */
......@@ -85,34 +85,34 @@
padding-left: 0.2em;
}
#drupal-off-canvas .no-touchevents .button--small {
font-size: 13px;
padding: 2px 1em;
font-size: 13px;
}
#drupal-off-canvas .button:disabled,
#drupal-off-canvas .button:disabled:active,
#drupal-off-canvas .button.is-disabled,
#drupal-off-canvas .button.is-disabled:active {
cursor: default;
color: #5c5c5c;
border: 0;
background: #555;
color: #5c5c5c;
font-weight: normal;
cursor: default;
}
#drupal-off-canvas .button--danger {
border-radius: 0;
text-decoration: none;
color: #c72100;
border-radius: 0;
font-weight: 400;
text-decoration: none;
}
#drupal-off-canvas .button--danger:hover,
#drupal-off-canvas .button--danger:focus,
#drupal-off-canvas .button--danger:active {
color: #ff2a00;
text-decoration: none;
color: #ff2a00;
text-shadow: none;
}
#drupal-off-canvas .button--danger:disabled,
#drupal-off-canvas .button--danger.is-disabled {
color: #737373;
cursor: default;
color: #737373;
}
......@@ -5,17 +5,17 @@
/* Position the off-canvas dialog container outside the right of the viewport. */
.ui-dialog-off-canvas {
overflow: visible;
box-sizing: border-box;
height: 100%;
overflow: visible;
}
/* Wrap the form that's inside the off-canvas dialog. */
.ui-dialog-off-canvas .ui-dialog-content {
padding: 0 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
}
[dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
text-align: right;
......@@ -23,17 +23,17 @@
/* Position the off-canvas dialog container outside the right of the viewport. */
.ui-dialog-off-canvas {
overflow: visible;
box-sizing: border-box;
height: 100%;
overflow: visible;
}
/* Wrap the form that's inside the off-canvas dialog. */
.ui-dialog-off-canvas #drupal-off-canvas {
padding: 0 20px 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px 20px;
}
[dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
text-align: right;
......@@ -49,7 +49,7 @@
}
/* When off-canvas dialog is at 100% width stop the body from scrolling */
.js-off-canvas-dialog-open {
height: 100%;
overflow-y: hidden;
height: 100%;
}
}
......@@ -13,13 +13,13 @@
#drupal-off-canvas details,
#drupal-off-canvas summary,
#drupal-off-canvas .ui-dialog-content {
background: #474747;
color: #ddd;
background: #474747;
}
#drupal-off-canvas summary a {
color: #ddd;
padding-top: 0;
padding-bottom: 0;
color: #ddd;
}
#drupal-off-canvas summary a:hover,
#drupal-off-canvas summary a:focus {
......@@ -28,16 +28,16 @@
#drupal-off-canvas details,
#drupal-off-canvas summary,
#drupal-off-canvas .details-wrapper {
border-width: 0;
/* Cancel out the padding of the parent. */
margin: 0 -20px;
padding: 0 20px;
border-width: 0;
}
#drupal-off-canvas summary {
text-shadow: none;
padding: 10px 20px;
font-size: 14px;
transition: all 0.5s ease;
text-shadow: none;
font-size: 14px;
}
#drupal-off-canvas summary:hover,
#drupal-off-canvas summary:focus {
......@@ -47,16 +47,16 @@
padding-bottom: 10px;
}
#drupal-off-canvas details[open] > summary {
background-color: #333;
color: #eee;
background-color: #333;
}
#drupal-off-canvas details[open] > summary:hover {
background-color: #222;
color: #fff;
background-color: #222;
}
#drupal-off-canvas details .placeholder {
font: inherit;
color: inherit;
font-style: italic;
background: transparent;
font: inherit;
font-style: italic;
}
......@@ -5,26 +5,26 @@
#drupal-off-canvas .dropbutton-wrapper,
#drupal-off-canvas .dropbutton-widget {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
position: static;
display: block;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
}
#drupal-off-canvas .dropbutton-widget {
margin: 0;
padding: 0;
cursor: pointer;
transition: background 0.5s ease;
text-align: center;
text-decoration: none;
text-transform: none;
color: #fff;
border: 0;
background: #277abd;
border-radius: 1em;
background: #277abd;
font-weight: 600;
color: #fff;
text-transform: none;
text-decoration: none;
text-align: center;
line-height: normal;
cursor: pointer;
transition: background 0.5s ease;
}
#drupal-off-canvas .dropbutton-widget:hover {
background: #2b8bd8;
......@@ -35,10 +35,10 @@
*/
#drupal-off-canvas .dropbutton-single .dropbutton-action a {
padding: 0;
height: 2.2em;
/* Overlap icon for trigger. */
margin-top: -2em;
height: 2.2em;
padding: 0;
cursor: pointer;
}
#drupal-off-canvas .dropbutton-single .dropbutton-action:hover,
......@@ -49,8 +49,8 @@
outline: none;
}
#drupal-off-canvas .dropbutton-widget .dropbutton {
margin: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#drupal-off-canvas .dropbutton li,
......@@ -66,9 +66,9 @@
#drupal-off-canvas .dropbutton li:focus,
#drupal-off-canvas .dropbutton a:hover,
#drupal-off-canvas .dropbutton a:focus {
background: transparent;
color: #333;
outline: none;
background: transparent;
}
/*
......@@ -96,20 +96,20 @@
bottom: 0;
display: block;
width: 2em;
color: #fff;
text-indent: 110%;
white-space: nowrap;
text-indent: 110%;
color: #fff;
}
#drupal-off-canvas .dropbutton-toggle button {
display: block;
height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0 solid transparent;
border-bottom-right-radius: 1em; /* LTR */
border-top-right-radius: 1em; /* LTR */
cursor: pointer;
border-bottom-right-radius: 1em; /* LTR */
}
#drupal-off-canvas .dropbutton-toggle button:hover,
#drupal-off-canvas .dropbutton-toggle button:focus {
......@@ -120,17 +120,17 @@
#drupal-off-canvas .dropbutton-arrow {
position: absolute;
display: block;
height: 0;
overflow: hidden;
width: 0;
height: 0;
margin-top: 0;
color: #fff;
border-width: 0.3333em 0.3333em 0;
border-style: solid;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-style: solid;
border-width: 0.3333em 0.3333em 0;
color: #fff;
line-height: 0;
overflow: hidden;
}
#drupal-off-canvas span.dropbutton-arrow {
top: 7px;
......@@ -157,10 +157,10 @@
}
#drupal-off-canvas td .dropbutton-multiple {
min-width: 2em;
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
border: 0;
}
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action a,
......@@ -185,18 +185,18 @@
/* Push the wrapper to the right edge of the td. */
#drupal-off-canvas td .dropbutton-single,
#drupal-off-canvas td .dropbutton-multiple {
position: relative;
float: right; /* LTR */
padding-right: 0;
margin-right: 0;
max-width: initial;
min-width: initial;
position: relative;
max-width: initial;
margin-right: 0;
padding-right: 0;
}
#drupal-off-canvas td .dropbutton-widget .dropbutton {
margin: 0;
overflow: hidden;
width: 2em;
height: 2em;
overflow: hidden;
margin: 0;
background: transparent;
}
......@@ -208,8 +208,8 @@
}
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton li,
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton a {
margin-left: 0;
width: auto;
margin-left: 0;
color: #fff;
}
......@@ -232,14 +232,14 @@
/* Make li text transparent above icon so it's clickable. */
#drupal-off-canvas td .dropbutton-single li.edit.dropbutton-action > a {
color: transparent;
z-index: 1;
color: transparent;
}
/* Put pencil icon in place of hidden 'edit' text on single buttons. */
#drupal-off-canvas td .dropbutton-single .edit:before {
content: ".";
display: block;
content: ".";
color: transparent;
background: transparent url(../icons/ffffff/pencil.svg) no-repeat center;
background-size: 14px;
......@@ -259,12 +259,12 @@
#drupal-off-canvas .dropbutton-multiple.open,
#drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
display: block;
overflow: visible;
width: auto;
height: auto;
max-width: none;
min-width: 0;
max-width: none;
height: auto;
padding: 0;
overflow: visible;
}
/* Triggered dropbutton in td expands to show secondary items. */
......@@ -276,8 +276,8 @@
padding-right: 1em; /* LTR */
}
[dir="rtl"] #drupal-off-canvas td .dropbutton-multiple.open .dropbutton {
padding-left: 1em;
padding-right: inherit;
padding-left: 1em;
}
#drupal-off-canvas .dropbutton-multiple.open .dropbutton li a {
padding: 2px 1em;
......@@ -285,7 +285,7 @@
/* When open, the toggle arrow points upward. */
#drupal-off-canvas .dropbutton-multiple.open span.dropbutton-arrow {
border-bottom: 0.3333em solid;
border-top-color: transparent;
top: 2px;
border-top-color: transparent;
border-bottom: 0.3333em solid;
}
......@@ -4,8 +4,8 @@
*/
#drupal-off-canvas form {
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
color