Skip to content
Snippets Groups Projects
Verified Commit 7c5354ab authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3397121 by longwave: Upgrade postcss-preset-env and stylelint

parent 830dbf1d
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 546 additions and 585 deletions
core/misc/dialog/off-canvas/css/utility.css
+ 4
− 10
View file @ 7c5354ab
......@@ -18,25 +18,19 @@
#drupal-off-canvas-wrapper .visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
}
#drupal-off-canvas-wrapper .visually-hidden {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px !important;
height: 1px !important;
word-wrap: normal;
}
#drupal-off-canvas-wrapper .visually-hidden.focusable:is(:active, :focus) {
position: static !important;
width: auto !important;
height: auto !important;
}
#drupal-off-canvas-wrapper .visually-hidden.focusable:is(:active, :focus) {
overflow: visible;
clip: auto;
width: auto !important;
height: auto !important;
}
#drupal-off-canvas-wrapper .invisible {
......
core/modules/contextual/css/contextual.icons.theme.css
+ 2
− 5
View file @ 7c5354ab
......@@ -27,14 +27,11 @@
* Contextual trigger.
*/
.contextual .trigger {
width: 26px !important;
height: 26px !important;
}
.contextual .trigger {
/* Override the .focusable height: auto */
width: 26px !important;
/* Override the .focusable height: auto */
height: 26px !important;
text-indent: -9999px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23bebebe' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23bebebe' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23bebebe' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
......
core/package.json
+ 2
− 2
View file @ 7c5354ab
......@@ -83,7 +83,7 @@
"postcss": "^8.4.31",
"postcss-header": "^3.0.2",
"postcss-import": "^15.0.0",
"postcss-preset-env": "^8.4.2",
"postcss-preset-env": "^9.2.0",
"postcss-pxtorem": "^6.0.0",
"postcss-url": "^10.1.3",
"prettier": "^2.1.2",
......@@ -91,7 +91,7 @@
"sortablejs": "1.15.x",
"stylelint": "^15.10.1",
"stylelint-checkstyle-formatter": "^0.1.2",
"stylelint-config-standard": "^33.0.0",
"stylelint-config-standard": "^34.0.0",
"stylelint-formatter-gitlab": "^1.0.2",
"stylelint-order": "^6.0.3",
"tabbable": "^6.1.2",
......
core/scripts/css/compile.js
+ 5
− 6
View file @ 7c5354ab
......@@ -68,12 +68,11 @@ module.exports = (filePath, callback) => {
})
])
.process(css, { from: filePath })
.then(result => {
callback(prettier.format(result.css, {
parser: 'css',
printWidth: 10000,
}));
})
.then(result => prettier.format(result.css, {
parser: 'css',
printWidth: 10000,
}))
.then(callback)
.catch(error => {
log(error);
process.exitCode = 1;
......
core/themes/claro/css/base/print.css
+ 2
− 4
View file @ 7c5354ab
......@@ -6,15 +6,13 @@
*/
@media print {
* {
/* Black prints faster */
/* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */
color: #000 !important;
background-color: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
* {
/* Black prints faster */
/* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */
}
body {
padding-top: 0;
}
......
core/themes/claro/css/components/action-link.css
+ 0
− 27
View file @ 7c5354ab
......@@ -168,9 +168,6 @@
@media (forced-colors: active) {
.action-link--icon-plus::before {
background: linktext !important;
}
.action-link--icon-plus::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23d72222' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e");
......@@ -210,9 +207,6 @@
@media (forced-colors: active) {
.action-link--icon-trash::before {
background: linktext !important;
}
.action-link--icon-trash::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23d72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e");
......@@ -252,9 +246,6 @@
@media (forced-colors: active) {
.action-link--icon-ex::before {
background: linktext !important;
}
.action-link--icon-ex::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23d72222' stroke-width='1.5' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 3L3 13M13 13L3 3'/%3e%3c/svg%3e");
......@@ -294,9 +285,6 @@
@media (forced-colors: active) {
.action-link--icon-checkmark::before {
background: linktext !important;
}
.action-link--icon-checkmark::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg fill='none' height='16' stroke='%23d72222' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 8.571L5.6 12 14 4'/%3e%3c/svg%3e");
......@@ -336,9 +324,6 @@
@media (forced-colors: active) {
.action-link--icon-cog::before {
background: linktext !important;
}
.action-link--icon-cog::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.426 9.249a7.29 7.29 0 00.076-.998c0-.36-.035-.71-.086-1.056l-2.275-.293a5.039 5.039 0 00-.498-1.201l1.396-1.808a7.3 7.3 0 00-1.459-1.452l-1.807 1.391a5.058 5.058 0 00-1.2-.499l-.292-2.252C8.943 1.033 8.604 1 8.252 1s-.694.033-1.032.082l-.291 2.251a5.076 5.076 0 00-1.2.499L3.924 2.441a7.3 7.3 0 00-1.459 1.452L3.86 5.701a5.076 5.076 0 00-.499 1.2l-2.276.294A7.35 7.35 0 001 8.251c0 .34.031.671.077.998l2.285.295c.115.426.284.826.499 1.2L2.444 12.58c.411.55.896 1.038 1.443 1.452l1.842-1.42c.374.215.774.383 1.2.498l.298 2.311c.337.047.677.08 1.025.08s.688-.033 1.021-.08l.299-2.311a5.056 5.056 0 001.201-.498l1.842 1.42a7.326 7.326 0 001.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199zm-7.174 1.514a2.54 2.54 0 110-5.082 2.542 2.542 0 010 5.082z'/%3e%3c/svg%3e");
......@@ -378,9 +363,6 @@
@media (forced-colors: active) {
.action-link--icon-show::before {
background: linktext !important;
}
.action-link--icon-show::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' width='16' fill='%23D72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e");
......@@ -420,9 +402,6 @@
@media (forced-colors: active) {
.action-link--icon-hide::before {
background: linktext !important;
}
.action-link--icon-hide::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e");
......@@ -462,9 +441,6 @@
@media (forced-colors: active) {
.action-link--icon-key::before {
background: linktext !important;
}
.action-link--icon-key::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23d72222'/%3e%3c/svg%3e");
......@@ -504,9 +480,6 @@
@media (forced-colors: active) {
.action-link--icon-questionmark::before {
background: linktext !important;
}
.action-link--icon-questionmark::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23d72222'/%3e%3c/svg%3e");
......
core/themes/claro/css/components/details.css
+ 2
− 2
View file @ 7c5354ab
......@@ -216,7 +216,7 @@ td .claro-details {
/* stylelint-disable-next-line unit-allowed-list */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.claro-details__summary::before {
transition: none;
......@@ -362,7 +362,7 @@ td .claro-details {
/* stylelint-disable-next-line unit-allowed-list */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.claro-details__summary::after {
transition: none;
......
core/themes/claro/css/components/dropbutton.css
+ 8
− 22
View file @ 7c5354ab
......@@ -139,11 +139,6 @@
* Dropbutton toggler.
*/
.dropbutton__toggle {
border: var(--dropbutton-border-size) solid transparent !important;
border-inline-start: var(--dropbutton-border-size) solid white !important;
}
.dropbutton__toggle {
position: absolute;
z-index: 3;
......@@ -151,7 +146,9 @@
right: 0; /* LTR */
bottom: 0;
width: var(--dropbutton-toggle-size);
height: var(--dropbutton-toggle-size); /* 1 */
height: var(--dropbutton-toggle-size);
border: var(--dropbutton-border-size) solid transparent !important; /* 1 */
border-inline-start: var(--dropbutton-border-size) solid white !important;
border-radius: 0 var(--button-border-radius-size) var(--button-border-radius-size) 0; /* LTR */
background: var(--button-bg-color);
font-size: 1px; /* iOS Safari sets a minimum button-width based on font-size. */
......@@ -261,10 +258,6 @@
* Duplicates base button styles.
*/
.dropbutton__item:first-of-type > * {
border: var(--dropbutton-border-size) solid transparent !important;
}
.dropbutton__item:first-of-type > * {
display: inline-block;
margin: 0;
......@@ -273,7 +266,8 @@
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
color: var(--button-fg-color); /* 1 */
color: var(--button-fg-color);
border: var(--dropbutton-border-size) solid transparent !important; /* 1 */
border-radius: var(--button-border-radius-size);
background-color: var(--button-bg-color);
font-size: var(--dropbutton-font-size);
......@@ -391,18 +385,14 @@
max-width: var(--dropbutton-item-max-width);
}
.dropbutton__item:first-of-type ~ .dropbutton__item > a,
.dropbutton__item:first-of-type ~ .dropbutton__item > .button {
border: var(--dropbutton-border-size) solid transparent !important;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > a,
.dropbutton__item:first-of-type ~ .dropbutton__item > .button {
position: relative;
padding: calc(var(--dropbutton-spacing-size) - var(--dropbutton-border-size));
-webkit-text-decoration: none;
text-decoration: none;
color: var(--color-gray-800); /* 1 */
color: var(--color-gray-800);
border: var(--dropbutton-border-size) solid transparent !important; /* 1 */
border-radius: var(--dropbutton-border-radius-size);
background: var(--color-white);
box-shadow: 0;
......@@ -452,10 +442,6 @@
}
.dropbutton__item:first-of-type ~ .dropbutton__item > *:focus {
border-color: var(--color-focus) !important;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > *:focus {
/* 1 */
border-color: var(--color-focus) !important; /* 1 */
box-shadow: inset 0 0 0 1px var(--color-focus), 0 0 0 1px var(--color-focus);
}
core/themes/claro/css/components/shortcut.css
+ 0
− 1
View file @ 7c5354ab
......@@ -47,7 +47,6 @@
border-radius: var(--shortcut-border-radius-size);
background: var(--shortcut-bg-color);
font-size: var(--font-size-label);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
......
core/themes/claro/css/components/system-admin--modules.css
+ 0
− 4
View file @ 7c5354ab
......@@ -28,10 +28,6 @@
.modules-table-filter .form-item__description,
.permissions-table-filter .form-item__description {
position: absolute !important;
}
.modules-table-filter .form-item__description,
.permissions-table-filter .form-item__description {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
......
core/themes/claro/css/components/tabledrag.css
+ 2
− 5
View file @ 7c5354ab
......@@ -291,7 +291,7 @@ body.drag {
/* stylelint-disable-next-line unit-allowed-list */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.tabledrag-cell-content .tree {
overflow: visible;
......@@ -308,16 +308,13 @@ body.drag {
* Indentation.
*/
.indentation {
background: none !important;
}
.indentation {
position: relative;
left: calc(var(--space-xs) * -0.5); /* LTR */
float: left; /* LTR */
width: calc(25rem / 16); /* 25px */
height: calc(25rem / 16); /* 25px */
background: none !important;
line-height: 0;
}
......
core/themes/claro/css/theme/media-library.css
+ 3
− 20
View file @ 7c5354ab
......@@ -789,12 +789,9 @@
left: 0.625rem;
}
.media-library-item__edit {
border: 1px solid var(--color-gray-200) !important;
}
.media-library-item__edit {
/* !important to override button class border. */
border: 1px solid var(--color-gray-200) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
......@@ -805,16 +802,6 @@
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
}
.media-library-item__remove,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
border: 1px solid var(--color-gray-200) !important;
}
.media-library-item__remove,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
......@@ -823,22 +810,18 @@
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
/* !important to override button class border. */
border: 1px solid var(--color-gray-200) !important;
background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: 0.75rem;
}
.media-library-item__remove:active,
.media-library-item__remove.button:active,
.media-library-item__remove.button:disabled:active {
border-color: var(--color-absolutezero) !important;
}
.media-library-item__remove:active,
.media-library-item__remove.button:active,
.media-library-item__remove.button:disabled:active {
/* !important to override button class border. */
border-color: var(--color-absolutezero) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ffffff' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
}
......
core/themes/olivero/css/components/navigation/nav-primary-no-js.css
+ 2
− 8
View file @ 7c5354ab
......@@ -38,10 +38,6 @@
display: none;
}
html:not(.js) .header-nav {
border: solid 1px var(--color--gray-95) !important;
}
html:not(.js) .header-nav {
position: static;
visibility: visible;
......@@ -55,6 +51,7 @@
padding-inline-start: var(--sp2);
padding-inline-end: var(--sp2);
transform: none;
border: solid 1px var(--color--gray-95) !important;
box-shadow: 0 0 36px var(--color--gray-90);
}
......@@ -93,10 +90,6 @@
display: none;
}
html:not(.js) body.is-always-mobile-nav .header-nav {
border: solid 1px var(--color--gray-95) !important;
}
html:not(.js) body.is-always-mobile-nav .header-nav {
position: static;
visibility: visible;
......@@ -110,6 +103,7 @@
padding-inline-start: var(--sp2);
padding-inline-end: var(--sp2);
transform: none;
border: solid 1px var(--color--gray-95) !important;
box-shadow: 0 0 36px var(--color--gray-90);
}
......
core/themes/olivero/css/components/skip-link.css
+ 1
− 5
View file @ 7c5354ab
......@@ -37,11 +37,7 @@
}
.skip-link.focusable:focus {
position: absolute !important;
}
.skip-link.focusable:focus {
/* Override position from module file. */
position: absolute !important; /* Override position from module file. */
z-index: 503;
width: 100%;
height: 2.5rem;
......
core/yarn.lock
+ 513
− 464
View file @ 7c5354ab
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment