From d540d6426f1583ef9679f9577899f315760be27c Mon Sep 17 00:00:00 2001 From: Alex Pott Date: Fri, 5 Jan 2018 09:37:45 +0000 Subject: [PATCH] Issue #2866799 by cwells: Update stylelint rule at-rule-empty-line-before to be consistent with Drupal's CSS standards --- core/.stylelintrc.json | 1 - core/modules/color/css/color.admin.css | 1 + core/modules/locale/css/locale.admin.css | 1 + core/modules/toolbar/css/toolbar.module.css | 3 +++ core/modules/tour/css/tour.module.css | 1 + core/modules/views_ui/css/views_ui.admin.theme.css | 1 + core/themes/bartik/css/components/featured-bottom.css | 2 ++ core/themes/bartik/css/components/field.css | 1 + core/themes/bartik/css/components/header.css | 3 +++ core/themes/bartik/css/components/sidebar.css | 1 + core/themes/bartik/css/components/site-branding.css | 3 +++ core/themes/bartik/css/components/site-footer.css | 3 +++ core/themes/bartik/css/components/table.css | 1 + core/themes/bartik/css/components/tabs.css | 2 ++ core/themes/bartik/css/layout.css | 1 + core/themes/bartik/css/maintenance-page.css | 2 ++ core/themes/classy/css/components/dialog.css | 1 + core/themes/classy/css/components/progress.css | 2 ++ core/themes/seven/css/components/dialog.css | 1 + core/themes/seven/css/components/tables.css | 1 + core/themes/seven/css/theme/maintenance-page.css | 1 + core/themes/stable/css/color/color.admin.css | 1 + core/themes/stable/css/locale/locale.admin.css | 1 + core/themes/stable/css/toolbar/toolbar.module.css | 3 +++ core/themes/stable/css/tour/tour.module.css | 1 + core/themes/stable/css/views_ui/views_ui.admin.theme.css | 1 + 26 files changed, 39 insertions(+), 1 deletion(-) diff --git a/core/.stylelintrc.json b/core/.stylelintrc.json index e3a52b04849..c23bd89dea2 100644 --- a/core/.stylelintrc.json +++ b/core/.stylelintrc.json @@ -4,7 +4,6 @@ "stylelint-no-browser-hacks/lib" ], "rules": { - "at-rule-empty-line-before": null, "block-no-empty": null, "color-hex-case": null, "color-hex-length": null, diff --git a/core/modules/color/css/color.admin.css b/core/modules/color/css/color.admin.css index 69311c2a885..c7c1fd78198 100644 --- a/core/modules/color/css/color.admin.css +++ b/core/modules/color/css/color.admin.css @@ -143,6 +143,7 @@ button.is-unlocked, .js[dir="rtl"] .color-preview { float: right; } + @media screen and (max-width: 30em) { /* 480px */ .color-form .color-preview-sidebar, .color-form .color-preview-content { diff --git a/core/modules/locale/css/locale.admin.css b/core/modules/locale/css/locale.admin.css index aa83c8bfb01..131540464f4 100644 --- a/core/modules/locale/css/locale.admin.css +++ b/core/modules/locale/css/locale.admin.css @@ -125,6 +125,7 @@ margin: 0 0 0.25em 1.5em; padding: 0; } + @media screen and (max-width: 40em) { #locale-translation-status-form th.title { width: 20%; diff --git a/core/modules/toolbar/css/toolbar.module.css b/core/modules/toolbar/css/toolbar.module.css index 14d0cf0e121..d7bfc904c5c 100644 --- a/core/modules/toolbar/css/toolbar.module.css +++ b/core/modules/toolbar/css/toolbar.module.css @@ -16,6 +16,7 @@ padding: 0; vertical-align: baseline; } + @media print { #toolbar-administration { display: none; @@ -238,6 +239,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-left: 240px; /* LTR */ margin-left: 15rem; /* LTR */ } + @media print { body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-left: 0; @@ -249,6 +251,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-right: 240px; margin-right: 15rem; } + @media print { [dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-right: 0; diff --git a/core/modules/tour/css/tour.module.css b/core/modules/tour/css/tour.module.css index 18d8aa04cad..035dfd0c3c8 100644 --- a/core/modules/tour/css/tour.module.css +++ b/core/modules/tour/css/tour.module.css @@ -32,6 +32,7 @@ top: 0; left: 0; } + @media only screen and (max-width: 767px) { .joyride-tip-guide { width: 85%; diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css index 30616f05ccf..56223069cef 100644 --- a/core/modules/views_ui/css/views_ui.admin.theme.css +++ b/core/modules/views_ui/css/views_ui.admin.theme.css @@ -483,6 +483,7 @@ td.group-title { .view-preview-form .form-actions { vertical-align: top; } + @media screen and (min-width: 45em) { /* 720px */ .view-preview-form .form-type-textfield .description { white-space: nowrap; diff --git a/core/themes/bartik/css/components/featured-bottom.css b/core/themes/bartik/css/components/featured-bottom.css index b9bb6b40e0b..56e5a513c77 100644 --- a/core/themes/bartik/css/components/featured-bottom.css +++ b/core/themes/bartik/css/components/featured-bottom.css @@ -10,6 +10,7 @@ .featured-bottom .region { padding: 0 20px; } + @media all and (min-width: 560px) { .featured-bottom .region { float: left; /* LTR */ @@ -22,6 +23,7 @@ float: right; } } + @media all and (min-width: 851px) { .featured-bottom .region { padding: 0 20px; diff --git a/core/themes/bartik/css/components/field.css b/core/themes/bartik/css/components/field.css index a2a16e0a1fa..a358e1af2f3 100644 --- a/core/themes/bartik/css/components/field.css +++ b/core/themes/bartik/css/components/field.css @@ -42,6 +42,7 @@ padding: 0 0 0 1em; float: right; } + @media all and (min-width: 560px) { .node .field--type-image { float: left; /* LTR */ diff --git a/core/themes/bartik/css/components/header.css b/core/themes/bartik/css/components/header.css index 52ab1c6239f..89701962e4e 100644 --- a/core/themes/bartik/css/components/header.css +++ b/core/themes/bartik/css/components/header.css @@ -11,6 +11,7 @@ .region-header .site-branding { margin-top: 0.429em; } + @media all and (min-width: 461px) { .region-header .block { float: right; /* LTR */ @@ -27,6 +28,7 @@ float: right; } } + @media screen and (max-width: 460px) { .region-header { padding-bottom: 0.357em; @@ -38,6 +40,7 @@ margin: 0 0 1em; clear: right; } + @media all and (min-width: 901px) { .region-header .block:not(.site-branding) { margin: 1.167em 0 1em; diff --git a/core/themes/bartik/css/components/sidebar.css b/core/themes/bartik/css/components/sidebar.css index 8b56352456c..e59aa309002 100644 --- a/core/themes/bartik/css/components/sidebar.css +++ b/core/themes/bartik/css/components/sidebar.css @@ -13,6 +13,7 @@ width: 100%; } } + @media all and (min-width: 851px) { .layout-one-sidebar .sidebar { width: 25%; diff --git a/core/themes/bartik/css/components/site-branding.css b/core/themes/bartik/css/components/site-branding.css index fda5d9e6ed0..4d0b389e2eb 100644 --- a/core/themes/bartik/css/components/site-branding.css +++ b/core/themes/bartik/css/components/site-branding.css @@ -16,11 +16,13 @@ display: inline-block; vertical-align: top; } + @media all and (min-width: 461px) { .site-branding__text { margin-bottom: 1.857em; } } + @media all and (min-width: 901px) { .site-branding__text { padding: 1.286em 0 0; @@ -31,6 +33,7 @@ color: #686868; line-height: 1; } + @media all and (min-width: 901px) { .site-branding__name { font-size: 1.821em; diff --git a/core/themes/bartik/css/components/site-footer.css b/core/themes/bartik/css/components/site-footer.css index d99459f62fd..1b7d67c0c1e 100644 --- a/core/themes/bartik/css/components/site-footer.css +++ b/core/themes/bartik/css/components/site-footer.css @@ -10,6 +10,7 @@ .site-footer .layout-container { padding: 0 15px; } + @media all and (min-width: 560px) { .site-footer__top .region { float: left; /* LTR */ @@ -20,6 +21,7 @@ float: right; } } + @media all and (min-width: 560px) and (max-width: 850px) { .site-footer .region { box-sizing: border-box; @@ -42,6 +44,7 @@ clear: both; } } + @media all and (min-width: 851px) { .site-footer__top .region { width: 24%; diff --git a/core/themes/bartik/css/components/table.css b/core/themes/bartik/css/components/table.css index ac8898cd259..ea8498ac89b 100644 --- a/core/themes/bartik/css/components/table.css +++ b/core/themes/bartik/css/components/table.css @@ -68,6 +68,7 @@ tr th { display: none; } } + @media screen and (max-width: 60em) { /* 920px */ th.priority-low, td.priority-low { diff --git a/core/themes/bartik/css/components/tabs.css b/core/themes/bartik/css/components/tabs.css index 6f232fee483..499b99eef65 100644 --- a/core/themes/bartik/css/components/tabs.css +++ b/core/themes/bartik/css/components/tabs.css @@ -24,6 +24,7 @@ div.tabs { background-color: #ffffff; border: 1px solid #bbb; } + @media screen and (max-width: 37.5em) { /* 600px */ .tabs ul.primary { border-bottom: 1px solid #bbb; @@ -39,6 +40,7 @@ div.tabs { border-bottom: none; } } + @media screen and (min-width: 37.5em) { /* 600px */ .tabs ul.primary { border-collapse: collapse; diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css index fe455835d1a..ab85ca82701 100644 --- a/core/themes/bartik/css/layout.css +++ b/core/themes/bartik/css/layout.css @@ -12,6 +12,7 @@ margin-right: auto; box-sizing: border-box; } + @media all and (min-width: 851px) { .layout-container { max-width: 1290px; diff --git a/core/themes/bartik/css/maintenance-page.css b/core/themes/bartik/css/maintenance-page.css index eb1a3d0c83a..c5f513844de 100644 --- a/core/themes/bartik/css/maintenance-page.css +++ b/core/themes/bartik/css/maintenance-page.css @@ -53,6 +53,7 @@ body.maintenance-page { line-height: 1em; margin-top: 0; } + @media all and (min-width: 800px) { .maintenance-page #page-wrapper { width: 800px; @@ -62,6 +63,7 @@ body.maintenance-page { width: 700px; } } + @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */ .maintenance-page #page { margin: 20px 40px 40px; diff --git a/core/themes/classy/css/components/dialog.css b/core/themes/classy/css/components/dialog.css index 17931083617..ed9fbb030e8 100644 --- a/core/themes/classy/css/components/dialog.css +++ b/core/themes/classy/css/components/dialog.css @@ -12,6 +12,7 @@ border: solid 1px #ccc; padding: 0; } + @media all and (max-width: 48em) { /* 768px */ .ui-dialog { width: 92% !important; diff --git a/core/themes/classy/css/components/progress.css b/core/themes/classy/css/components/progress.css index 60bc123c96b..39a055dd1ab 100644 --- a/core/themes/classy/css/components/progress.css +++ b/core/themes/classy/css/components/progress.css @@ -51,10 +51,12 @@ 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } } + @-ms-keyframes animate-stripes { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } } + @keyframes animate-stripes { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } diff --git a/core/themes/seven/css/components/dialog.css b/core/themes/seven/css/components/dialog.css index 6d018208d17..b4459d1a6ea 100644 --- a/core/themes/seven/css/components/dialog.css +++ b/core/themes/seven/css/components/dialog.css @@ -9,6 +9,7 @@ z-index: 1260; padding: 0; } + @media all and (max-width: 48em) { /* 768px */ .ui-dialog { min-width: 92%; diff --git a/core/themes/seven/css/components/tables.css b/core/themes/seven/css/components/tables.css index 5464456edd6..e51ac9f1971 100644 --- a/core/themes/seven/css/components/tables.css +++ b/core/themes/seven/css/components/tables.css @@ -143,6 +143,7 @@ th.select-all { display: none; } } + @media screen and (max-width: 60em) { /* 920px */ th.priority-low, td.priority-low { diff --git a/core/themes/seven/css/theme/maintenance-page.css b/core/themes/seven/css/theme/maintenance-page.css index e2875e3c1d4..9b96894907b 100644 --- a/core/themes/seven/css/theme/maintenance-page.css +++ b/core/themes/seven/css/theme/maintenance-page.css @@ -110,6 +110,7 @@ display: table; clear: both; } + @media all and (max-width: 48em) { /* 768px */ .layout-container { margin: 1.25em; diff --git a/core/themes/stable/css/color/color.admin.css b/core/themes/stable/css/color/color.admin.css index 2efe6fd4f86..f9ccd9abe39 100644 --- a/core/themes/stable/css/color/color.admin.css +++ b/core/themes/stable/css/color/color.admin.css @@ -143,6 +143,7 @@ button.is-unlocked, .js[dir="rtl"] .color-preview { float: right; } + @media screen and (max-width: 30em) { /* 480px */ .color-form .color-preview-sidebar, .color-form .color-preview-content { diff --git a/core/themes/stable/css/locale/locale.admin.css b/core/themes/stable/css/locale/locale.admin.css index d55b4297aa0..985a1ade3b1 100644 --- a/core/themes/stable/css/locale/locale.admin.css +++ b/core/themes/stable/css/locale/locale.admin.css @@ -125,6 +125,7 @@ margin: 0 0 0.25em 1.5em; padding: 0; } + @media screen and (max-width: 40em) { #locale-translation-status-form th.title { width: 20%; diff --git a/core/themes/stable/css/toolbar/toolbar.module.css b/core/themes/stable/css/toolbar/toolbar.module.css index f50d4cb4221..8c9466720aa 100644 --- a/core/themes/stable/css/toolbar/toolbar.module.css +++ b/core/themes/stable/css/toolbar/toolbar.module.css @@ -16,6 +16,7 @@ padding: 0; vertical-align: baseline; } + @media print { #toolbar-administration { display: none; @@ -238,6 +239,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-left: 240px; /* LTR */ margin-left: 15rem; /* LTR */ } + @media print { body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-left: 0; @@ -249,6 +251,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-right: 240px; margin-right: 15rem; } + @media print { [dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { margin-right: 0; diff --git a/core/themes/stable/css/tour/tour.module.css b/core/themes/stable/css/tour/tour.module.css index 18d8aa04cad..035dfd0c3c8 100644 --- a/core/themes/stable/css/tour/tour.module.css +++ b/core/themes/stable/css/tour/tour.module.css @@ -32,6 +32,7 @@ top: 0; left: 0; } + @media only screen and (max-width: 767px) { .joyride-tip-guide { width: 85%; diff --git a/core/themes/stable/css/views_ui/views_ui.admin.theme.css b/core/themes/stable/css/views_ui/views_ui.admin.theme.css index b843586ad4f..80c5743a670 100644 --- a/core/themes/stable/css/views_ui/views_ui.admin.theme.css +++ b/core/themes/stable/css/views_ui/views_ui.admin.theme.css @@ -483,6 +483,7 @@ td.group-title { .view-preview-form .form-actions { vertical-align: top; } + @media screen and (min-width: 45em) { /* 720px */ .view-preview-form .form-type-textfield .description { white-space: nowrap;