From b48f8fda69b383c2f37183c0913fd32c4a34b925 Mon Sep 17 00:00:00 2001
From: Alex Pott <alex.a.pott@googlemail.com>
Date: Tue, 2 Jul 2013 13:40:19 +0100
Subject: [PATCH] Issue #2030925 by echoz: Quote rtl attribute selector.

---
 core/misc/dropbutton/dropbutton.css           |   6 +-
 core/misc/dropbutton/dropbutton.theme.css     |   4 +-
 core/misc/print.css                           |   4 +-
 core/misc/vertical-tabs.css                   |   6 +-
 core/modules/book/css/book.theme.css          |   4 +-
 core/modules/ckeditor/css/ckeditor.admin.css  |  16 +-
 core/modules/color/css/color.admin.css        |  28 ++--
 core/modules/comment/css/comment.theme.css    |   2 +-
 .../contextual/css/contextual.theme.css       |   6 +-
 .../contextual/css/contextual.toolbar.css     |   4 +-
 core/modules/dblog/css/dblog.module.css       |   4 +-
 .../css/entity_reference.admin.css            |   2 +-
 core/modules/field/css/field.module.css       |   8 +-
 core/modules/field_ui/css/field_ui.admin.css  |   2 +-
 core/modules/filter/css/filter.admin.css      |   6 +-
 core/modules/filter/css/filter.caption.css    |   4 +-
 core/modules/forum/css/forum.module.css       |  10 +-
 core/modules/help/css/help.module.css         |   4 +-
 core/modules/image/css/image.theme.css        |   4 +-
 .../layout/layouts/static/twocol/two-col.css  |   2 +-
 core/modules/locale/css/locale.admin.css      |   8 +-
 core/modules/overlay/css/overlay-child.css    |  12 +-
 core/modules/shortcut/css/shortcut.module.css |   4 +-
 core/modules/shortcut/css/shortcut.theme.css  |  18 +--
 core/modules/system/css/system.admin.css      |  34 ++---
 core/modules/system/css/system.module.css     |  22 +--
 core/modules/system/css/system.theme.css      |  34 ++---
 core/modules/toolbar/css/toolbar.icons.css    |  16 +-
 core/modules/toolbar/css/toolbar.menu.css     |   6 +-
 core/modules/toolbar/css/toolbar.module.css   |  36 ++---
 core/modules/toolbar/css/toolbar.theme.css    |  30 ++--
 core/modules/tour/css/tour.module.css         |   4 +-
 core/modules/update/css/update.admin.css      |  14 +-
 core/modules/user/css/user.module.css         |  12 +-
 core/modules/views_ui/css/views_ui.admin.css  |  16 +-
 .../views_ui/css/views_ui.admin.theme.css     |  30 ++--
 core/themes/bartik/css/layout.css             |  50 +++----
 core/themes/bartik/css/style.css              | 138 +++++++++---------
 core/themes/seven/style.css                   |  96 ++++++------
 core/themes/seven/vertical-tabs.css           |   6 +-
 core/themes/stark/css/layout.css              |  26 ++--
 41 files changed, 369 insertions(+), 369 deletions(-)

diff --git a/core/misc/dropbutton/dropbutton.css b/core/misc/dropbutton/dropbutton.css
index 98f6e5dfbd68..3f893a72dbfa 100644
--- a/core/misc/dropbutton/dropbutton.css
+++ b/core/misc/dropbutton/dropbutton.css
@@ -66,7 +66,7 @@
 .js .dropbutton-multiple .dropbutton-widget {
   padding-right: 2em; /* LTR */
 }
-.js[dir=rtl] .dropbutton-multiple .dropbutton-widget {
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
   padding-left: 2em;
   padding-right: 0;
 }
@@ -93,7 +93,7 @@
   white-space: nowrap;
   width: 2em;
 }
-[dir=rtl] .dropbutton-toggle {
+[dir="rtl"] .dropbutton-toggle {
   left: 0;
   right: auto;
 }
@@ -123,7 +123,7 @@
   width: 0;
   overflow: hidden;
 }
-[dir=rtl] .dropbutton-arrow {
+[dir="rtl"] .dropbutton-arrow {
   left: 0.6667em;
   right: auto;
 }
diff --git a/core/misc/dropbutton/dropbutton.theme.css b/core/misc/dropbutton/dropbutton.theme.css
index 757957a25347..65f25685b9b8 100644
--- a/core/misc/dropbutton/dropbutton.theme.css
+++ b/core/misc/dropbutton/dropbutton.theme.css
@@ -21,14 +21,14 @@
 .dropbutton-multiple .dropbutton {
   border-right: 1px solid #e8e8e8; /* LTR */
 }
-[dir=rtl] .dropbutton-multiple .dropbutton {
+[dir="rtl"] .dropbutton-multiple .dropbutton {
   border-left: 1px solid #e8e8e8;
   border-right: 0 none;
 }
 .dropbutton-multiple .dropbutton .dropbutton-action > * {
   margin-right: 0.25em; /* LTR */
 }
-[dir=rtl] .dropbutton-multiple .dropbutton .dropbutton-action > * {
+[dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
   margin-left: 0.25em;
   margin-right: 0;
 }
diff --git a/core/misc/print.css b/core/misc/print.css
index 8ebc0ccb3ba7..b524ff041e7b 100644
--- a/core/misc/print.css
+++ b/core/misc/print.css
@@ -3,7 +3,7 @@ body {
   margin: 1em;
   background-color: #fff;
 }
-[dir=rtl] body {
+[dir="rtl"] body {
   direction: rtl;
 }
 th {
@@ -11,7 +11,7 @@ th {
   color: #006;
   border-bottom: 1px solid #ccc;
 }
-[dir=rtl] th {
+[dir="rtl"] th {
   text-align: right;
 }
 tr.odd {
diff --git a/core/misc/vertical-tabs.css b/core/misc/vertical-tabs.css
index 827c8f87c610..c95745022a28 100644
--- a/core/misc/vertical-tabs.css
+++ b/core/misc/vertical-tabs.css
@@ -3,7 +3,7 @@
   margin: 1em 0 1em 15em; /* LTR */
   border: 1px solid #ccc;
 }
-[dir=rtl] .vertical-tabs {
+[dir="rtl"] .vertical-tabs {
    margin-left: 0;
    margin-right: 15em;
 }
@@ -15,7 +15,7 @@
   border-top: 1px solid #ccc;
   list-style: none;
 }
-[dir=rtl] .vertical-tabs-list {
+[dir="rtl"] .vertical-tabs-list {
   float: right;
   margin-left: 0;
   margin-right: -15em;
@@ -53,7 +53,7 @@
   border-right-width: 0; /* LTR */
   background-color: #fff;
 }
-[dir=rtl] .vertical-tab-button.selected {
+[dir="rtl"] .vertical-tab-button.selected {
   border-left-width: 0;
   border-right-width: 1px;
 }
diff --git a/core/modules/book/css/book.theme.css b/core/modules/book/css/book.theme.css
index a63ee414b3f1..cb35465e08d1 100644
--- a/core/modules/book/css/book.theme.css
+++ b/core/modules/book/css/book.theme.css
@@ -24,7 +24,7 @@
   text-align: left; /* LTR */
   width: 45%;
 }
-[dir=rtl] .book-pager .previous {
+[dir="rtl"] .book-pager .previous {
   float: right;
   text-align: right;
 }
@@ -37,7 +37,7 @@
   text-align: right; /* LTR */
   width: 45%;
 }
-[dir=rtl] .book-pager .next {
+[dir="rtl"] .book-pager .next {
   float: left;
   text-align: left;
 }
diff --git a/core/modules/ckeditor/css/ckeditor.admin.css b/core/modules/ckeditor/css/ckeditor.admin.css
index e70bd1eb7782..5e1b2ab43a4d 100644
--- a/core/modules/ckeditor/css/ckeditor.admin.css
+++ b/core/modules/ckeditor/css/ckeditor.admin.css
@@ -24,7 +24,7 @@
   clear: left; /* LTR */
   float: left; /* LTR */
 }
-[dir=rtl] .ckeditor-toolbar-active > ul {
+[dir="rtl"] .ckeditor-toolbar-active > ul {
   clear: right;
   float: right;
 }
@@ -34,7 +34,7 @@
 .ckeditor-toolbar-dividers {
   float: right; /* LTR */
 }
-[dir=rtl] .ckeditor-toolbar-dividers {
+[dir="rtl"] .ckeditor-toolbar-dividers {
   float: left;
 }
 .ckeditor-toolbar-disabled ul.ckeditor-buttons {
@@ -68,7 +68,7 @@ ul.ckeditor-buttons li {
   margin: 0;
   float: left; /* LTR */
 }
-[dir=rtl] ul.ckeditor-buttons li {
+[dir="rtl"] ul.ckeditor-buttons li {
   float: right;
 }
 ul.ckeditor-buttons li a {
@@ -104,7 +104,7 @@ ul.ckeditor-buttons li:first-child a {
   border-top-left-radius: 2px; /* LTR */
   border-bottom-left-radius: 2px; /* LTR */
 }
-[dir=rtl] ul.ckeditor-buttons li:first-child a {
+[dir="rtl"] ul.ckeditor-buttons li:first-child a {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
@@ -112,7 +112,7 @@ ul.ckeditor-buttons li:last-child a {
   border-top-right-radius: 2px; /* LTR */
   border-bottom-right-radius: 2px; /* LTR */
 }
-[dir=rtl] ul.ckeditor-buttons li:last-child a {
+[dir="rtl"] ul.ckeditor-buttons li:last-child a {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
@@ -126,7 +126,7 @@ ul.ckeditor-multiple-buttons {
   list-style: none;
   float: left; /* LTR */
 }
-[dir=rtl] ul.ckeditor-multiple-buttons {
+[dir="rtl"] ul.ckeditor-multiple-buttons {
   float: right;
 }
 ul.ckeditor-multiple-buttons li {
@@ -135,7 +135,7 @@ ul.ckeditor-multiple-buttons li {
   margin: 0;
   padding: 0;
 }
-[dir=rtl] ul.ckeditor-multiple-buttons li {
+[dir="rtl"] ul.ckeditor-multiple-buttons li {
   float: right;
 }
 ul.ckeditor-multiple-buttons li a {
@@ -200,7 +200,7 @@ ul.ckeditor-multiple-buttons li.ckeditor-button-separator a {
   width: 40px;
   text-align: right; /* LTR */
 }
-[dir=rtl] .ckeditor-row-controls {
+[dir="rtl"] .ckeditor-row-controls {
   float: left;
   text-align: left;
 }
diff --git a/core/modules/color/css/color.admin.css b/core/modules/color/css/color.admin.css
index 59f1f4a44c4d..96de7b9b6467 100644
--- a/core/modules/color/css/color.admin.css
+++ b/core/modules/color/css/color.admin.css
@@ -13,7 +13,7 @@
   top: 0;
   right: 0; /* LTR */
 }
-[dir=rtl] #placeholder {
+[dir="rtl"] #placeholder {
   left: 0;
   right: auto;
 }
@@ -25,7 +25,7 @@
   padding-left: 1em; /* LTR */
   margin: 0.5em 0;
 }
-[dir=rtl] .color-form .form-item {
+[dir="rtl"] .color-form .form-item {
   padding-left: 0;
   padding-right: 1em;
 }
@@ -34,7 +34,7 @@
   clear: left; /* LTR */
   width: 10em;
 }
-[dir=rtl] .color-form label {
+[dir="rtl"] .color-form label {
   float: right;
   clear: right;
 }
@@ -42,8 +42,8 @@
 .color-form .form-select {
   float: left; /* LTR */
 }
-[dir=rtl] .color-form .form-text,
-[dir=rtl] .color-form .form-select {
+[dir="rtl"] .color-form .form-text,
+[dir="rtl"] .color-form .form-select {
   float: right;
 }
 .color-form .form-text {
@@ -51,7 +51,7 @@
   margin-right: 5px; /* LTR */
   cursor: pointer;
 }
-[dir=rtl] .color-form .form-text {
+[dir="rtl"] .color-form .form-text {
   margin-right: 0;
   margin-left: 5px;
 }
@@ -61,7 +61,7 @@
   width: 16px;
   height: 16px;
 }
-[dir=rtl] #palette .hook {
+[dir="rtl"] #palette .hook {
   float: right;
 }
 #palette .down,
@@ -69,21 +69,21 @@
 #palette .both {
   background: url(../images/hook.png) no-repeat 100% 0; /* LTR */
 }
-[dir=rtl] #palette .down,
-[dir=rtl] #palette .up,
-[dir=rtl] #palette .both {
+[dir="rtl"] #palette .down,
+[dir="rtl"] #palette .up,
+[dir="rtl"] #palette .both {
   background: url(images/hook-rtl.png) no-repeat 0 0;
 }
 #palette .up {
   background-position: 100% -27px; /* LTR */
 }
-[dir=rtl] #palette .up {
+[dir="rtl"] #palette .up {
   background-position: 0 -27px;
 }
 #palette .both {
   background-position: 100% -54px; /* LTR */
 }
-[dir=rtl] #palette .both {
+[dir="rtl"] #palette .both {
   background-position: 0 -54px;
 }
 #palette .lock {
@@ -96,7 +96,7 @@
   background: url(../images/lock.png) no-repeat 50% 2px;
   cursor: pointer;
 }
-[dir=rtl] #palette .lock {
+[dir="rtl"] #palette .lock {
   float: right;
   right: -10px;
 }
@@ -119,6 +119,6 @@
   position: relative;
   float: left; /* LTR */
 }
-.js[dir=rtl] #preview {
+.js[dir="rtl"] #preview {
   float: right;
 }
diff --git a/core/modules/comment/css/comment.theme.css b/core/modules/comment/css/comment.theme.css
index 51fd293ca04f..c702161da4ac 100644
--- a/core/modules/comment/css/comment.theme.css
+++ b/core/modules/comment/css/comment.theme.css
@@ -10,7 +10,7 @@
 .indented {
   margin-left: 25px; /* LTR */
 }
-[dir=rtl] .indented {
+[dir="rtl"] .indented {
   margin-left: 0;
   margin-right: 25px;
 }
diff --git a/core/modules/contextual/css/contextual.theme.css b/core/modules/contextual/css/contextual.theme.css
index 13877445b682..7b7feeeaeab9 100644
--- a/core/modules/contextual/css/contextual.theme.css
+++ b/core/modules/contextual/css/contextual.theme.css
@@ -12,7 +12,7 @@
   top: 2px;
   z-index: 500;
 }
-[dir=rtl] .contextual {
+[dir="rtl"] .contextual {
   left: 0;
   right: auto;
 }
@@ -51,7 +51,7 @@
   text-indent: -9999px;
   cursor: pointer;
 }
-[dir=rtl] .contextual .trigger {
+[dir="rtl"] .contextual .trigger {
   float: left;
   right: auto;
   left: 2px;
@@ -82,7 +82,7 @@
   top: -1px;
   white-space: nowrap;
 }
-[dir=rtl] .contextual-region .contextual .contextual-links {
+[dir="rtl"] .contextual-region .contextual .contextual-links {
   border-radius: 0 4px 4px 4px;
   float: left;
   left: 2px;
diff --git a/core/modules/contextual/css/contextual.toolbar.css b/core/modules/contextual/css/contextual.toolbar.css
index b4fcd1fa853b..809f6a3f9e2a 100644
--- a/core/modules/contextual/css/contextual.toolbar.css
+++ b/core/modules/contextual/css/contextual.toolbar.css
@@ -16,7 +16,7 @@
 .js .toolbar .bar .contextual-toolbar-tab.tab {
   float: right; /* LTR */
 }
-.js[dir=rtl] .toolbar .bar .contextual-toolbar-tab.tab {
+.js[dir="rtl"] .toolbar .bar .contextual-toolbar-tab.tab {
   float: left;
 }
 .js .toolbar .bar .contextual-toolbar-tab button {
@@ -27,7 +27,7 @@
   text-indent: -9999px;
   line-height: 1em;
 }
-.js[dir=rtl] .toolbar .bar .contextual-toolbar-tab button {
+.js[dir="rtl"] .toolbar .bar .contextual-toolbar-tab button {
   padding-right: 1.3333em;
 }
 .js .toolbar .bar .contextual-toolbar-tab button.active {
diff --git a/core/modules/dblog/css/dblog.module.css b/core/modules/dblog/css/dblog.module.css
index 66ce59ab392f..2aeec6ef06c8 100644
--- a/core/modules/dblog/css/dblog.module.css
+++ b/core/modules/dblog/css/dblog.module.css
@@ -8,8 +8,8 @@
   margin: .1em .9em .1em .1em; /* LTR */
   max-width: 30%;
 }
-[dir=rtl] .dblog-filter-form .form-item-type,
-[dir=rtl] .dblog-filter-form .form-item-severity {
+[dir="rtl"] .dblog-filter-form .form-item-type,
+[dir="rtl"] .dblog-filter-form .form-item-severity {
   margin: .1em .1em .1em .9em;
 }
 .dblog-filter-form .form-actions {
diff --git a/core/modules/entity_reference/css/entity_reference.admin.css b/core/modules/entity_reference/css/entity_reference.admin.css
index 8c6c3827cdd5..1e74021c439f 100644
--- a/core/modules/entity_reference/css/entity_reference.admin.css
+++ b/core/modules/entity_reference/css/entity_reference.admin.css
@@ -2,6 +2,6 @@
 .entity_reference-settings {
   margin-left: 1.5em; /* LTR */
 }
-[dir=rtl] .entity_reference-settings {
+[dir="rtl"] .entity_reference-settings {
   margin-right: 1.5em;
 }
diff --git a/core/modules/field/css/field.module.css b/core/modules/field/css/field.module.css
index 88e4472f40a5..b0ce977dc81c 100644
--- a/core/modules/field/css/field.module.css
+++ b/core/modules/field/css/field.module.css
@@ -7,8 +7,8 @@
 .field-label-inline .field-items {
   float:left; /*LTR*/
 }
-[dir=rtl] .field-label-inline .field-label,
-[dir=rtl] .field-label-inline .field-items {
+[dir="rtl"] .field-label-inline .field-label,
+[dir="rtl"] .field-label-inline .field-items {
   float: right;
 }
 
@@ -23,13 +23,13 @@ form .field-multiple-table .field-multiple-drag {
   width: 30px;
   padding-right: 0; /*LTR*/
 }
-[dir=rtl] form .field-multiple-table .field-multiple-drag {
+[dir="rtl"] form .field-multiple-table .field-multiple-drag {
   padding-left: 0;
 }
 form .field-multiple-table .field-multiple-drag .tabledrag-handle {
   padding-right: .5em; /*LTR*/
 }
-[dir=rtl] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
+[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
   padding-left: .5em;
 }
 form .field-add-more-submit {
diff --git a/core/modules/field_ui/css/field_ui.admin.css b/core/modules/field_ui/css/field_ui.admin.css
index bb36019ba0e1..e3dff0bf3b4c 100644
--- a/core/modules/field_ui/css/field_ui.admin.css
+++ b/core/modules/field_ui/css/field_ui.admin.css
@@ -7,7 +7,7 @@
 .field-ui-overview .add-new .label-input {
   float: left; /* LTR */
 }
-[dir=rtl] .field-ui-overview .add-new .label-input {
+[dir="rtl"] .field-ui-overview .add-new .label-input {
   float: right;
 }
 .field-ui-overview .add-new .tabledrag-changed {
diff --git a/core/modules/filter/css/filter.admin.css b/core/modules/filter/css/filter.admin.css
index 09ed0e0bcafb..80ad17107102 100644
--- a/core/modules/filter/css/filter.admin.css
+++ b/core/modules/filter/css/filter.admin.css
@@ -27,7 +27,7 @@
 .filter-help {
   float: right; /* LTR */
 }
-[dir=rtl] .filter-help {
+[dir="rtl"] .filter-help {
   float: left;
 }
 .filter-help p {
@@ -37,7 +37,7 @@
   background: transparent url(../../../misc/help.png) right center no-repeat; /* LTR */
   padding: 0 20px 0 0; /* LTR */
 }
-[dir=rtl] .filter-help a {
+[dir="rtl"] .filter-help a {
   background-position: left center;
   padding: 0 0 0 20px;
 }
@@ -59,6 +59,6 @@
 .tips {
   padding-left: 0; /* LTR */
 }
-[dir=rtl] .tips {
+[dir="rtl"] .tips {
   padding-right: 0;
 }
diff --git a/core/modules/filter/css/filter.caption.css b/core/modules/filter/css/filter.caption.css
index 50ba263c56f5..3c625565d1a6 100644
--- a/core/modules/filter/css/filter.caption.css
+++ b/core/modules/filter/css/filter.caption.css
@@ -26,7 +26,7 @@
   float: left; /* LTR */
   margin-left: 0; /* LTR */
 }
-[dir=rtl] .caption-left {
+[dir="rtl"] .caption-left {
   float: right;
   margin-left: auto;
   margin-right: 0;
@@ -35,7 +35,7 @@
   float: right; /* LTR */
   margin-right: 0; /* LTR */
 }
-[dir=rtl] .caption-right {
+[dir="rtl"] .caption-right {
   float: left;
   margin-left: 0;
   margin-right: auto;
diff --git a/core/modules/forum/css/forum.module.css b/core/modules/forum/css/forum.module.css
index 3afc98ac0d92..6f2ceced350b 100644
--- a/core/modules/forum/css/forum.module.css
+++ b/core/modules/forum/css/forum.module.css
@@ -23,7 +23,7 @@
   margin: 0 9px 0 0; /* LTR */
   width: 24px;
 }
-[dir=rtl] #forum .icon {
+[dir="rtl"] #forum .icon {
   float: right;
   margin: 0 0 0 9px;
 }
@@ -33,7 +33,7 @@
 #forum div.indent {
   margin-left: 20px; /* LTR */
 }
-[dir=rtl] #forum div.indent {
+[dir="rtl"] #forum div.indent {
   margin-left: 0;
   margin-right: 20px;
 }
@@ -54,14 +54,14 @@
   background-position: -120px 0;
 }
 
-[dir=rtl] .forum-topic-navigation {
+[dir="rtl"] .forum-topic-navigation {
   padding: 1em 3em 0 0;
 }
-[dir=rtl] .forum-topic-navigation .topic-previous {
+[dir="rtl"] .forum-topic-navigation .topic-previous {
   text-align: left;
   float: right;
 }
-[dir=rtl] .forum-topic-navigation .topic-next {
+[dir="rtl"] .forum-topic-navigation .topic-next {
   text-align: right;
   float: left;
 }
diff --git a/core/modules/help/css/help.module.css b/core/modules/help/css/help.module.css
index e65e1cdf7828..444e0cdc5fe8 100644
--- a/core/modules/help/css/help.module.css
+++ b/core/modules/help/css/help.module.css
@@ -4,7 +4,7 @@
   width: 22%;
   margin-right: 3%; /* LTR */
 }
-[dir=rtl] .help-items {
+[dir="rtl"] .help-items {
   float: right;
   margin-right: 0;
   margin-left: 3%;
@@ -12,7 +12,7 @@
 .help-items-last {
   margin-right: 0; /* LTR */
 }
-[dir=rtl] .help-items-last {
+[dir="rtl"] .help-items-last {
   margin-right: 0;
   margin-left: 0;
 }
diff --git a/core/modules/image/css/image.theme.css b/core/modules/image/css/image.theme.css
index 4a3045d3a1e9..3da51ef8579a 100644
--- a/core/modules/image/css/image.theme.css
+++ b/core/modules/image/css/image.theme.css
@@ -6,14 +6,14 @@
   float: left; /* LTR */
   padding: 0 10px 10px 0; /* LTR */
 }
-[dir=rtl] .image-preview {
+[dir="rtl"] .image-preview {
   float: right;
   padding: 0 0 10px 10px;
 }
 .image-widget-data {
   float: left; /* LTR */
 }
-[dir=rtl] .image-widget-data {
+[dir="rtl"] .image-widget-data {
   float: right;
 }
 .image-widget-data .text-field {
diff --git a/core/modules/layout/layouts/static/twocol/two-col.css b/core/modules/layout/layouts/static/twocol/two-col.css
index dfe92b3db066..eef1ccbd622e 100644
--- a/core/modules/layout/layouts/static/twocol/two-col.css
+++ b/core/modules/layout/layouts/static/twocol/two-col.css
@@ -4,7 +4,7 @@
     float: left; /* LTR */
     width: 50%;
   }
-  [dir=rtl] .layout-two-col .layout-region {
+  [dir="rtl"] .layout-two-col .layout-region {
     float: right;
   }
 }
diff --git a/core/modules/locale/css/locale.admin.css b/core/modules/locale/css/locale.admin.css
index 8bc260d7626b..4bb2bab64074 100644
--- a/core/modules/locale/css/locale.admin.css
+++ b/core/modules/locale/css/locale.admin.css
@@ -14,9 +14,9 @@
    */
   width: 15em;
 }
-[dir=rtl] .locale-translate-filter-form .form-item-langcode,
-[dir=rtl] .locale-translate-filter-form .form-item-translation,
-[dir=rtl] .locale-translate-filter-form .form-item-customized {
+[dir="rtl"] .locale-translate-filter-form .form-item-langcode,
+[dir="rtl"] .locale-translate-filter-form .form-item-translation,
+[dir="rtl"] .locale-translate-filter-form .form-item-customized {
   float: right;
   margin-left: 1em;
   margin-right: 0;
@@ -28,7 +28,7 @@
   float: left; /* LTR */
   padding: 3.8ex 0 0 0; /* LTR */
 }
-[dir=rtl] .locale-translate-filter-form .form-actions {
+[dir="rtl"] .locale-translate-filter-form .form-actions {
   float: right;
   padding: 3.5ex 0 0 0;
 }
diff --git a/core/modules/overlay/css/overlay-child.css b/core/modules/overlay/css/overlay-child.css
index 6fe068d1e019..4331ae844c3e 100644
--- a/core/modules/overlay/css/overlay-child.css
+++ b/core/modules/overlay/css/overlay-child.css
@@ -3,7 +3,7 @@
  * Basic styling for the Overlay child pages.
  */
 
-html[dir=rtl] {
+html[dir="rtl"] {
   direction: rtl;
 }
 
@@ -53,7 +53,7 @@ html[dir=rtl] {
   margin: 0;
   padding: 0.3em 0;
 }
-[dir=rtl] #overlay-title {
+[dir="rtl"] #overlay-title {
   float: right;
   left: auto;
 }
@@ -69,7 +69,7 @@ html[dir=rtl] {
   position: absolute;
   right: 0; /* LTR */
 }
-[dir=rtl] #overlay-close-wrapper {
+[dir="rtl"] #overlay-close-wrapper {
   left: 0;
   right: auto;
 }
@@ -85,8 +85,8 @@ html[dir=rtl] {
   position: absolute;
   width: 26px;
 }
-[dir=rtl] #overlay-close,
-[dir=rtl] #overlay-close:hover {
+[dir="rtl"] #overlay-close,
+[dir="rtl"] #overlay-close:hover {
   border-radius: 12px 0 0 12px;
 }
 
@@ -100,7 +100,7 @@ html[dir=rtl] {
   right: 20px; /* LTR */
   text-transform: uppercase;
 }
-[dir=rtl] #overlay-tabs {
+[dir="rtl"] #overlay-tabs {
   left: 20px;
   right: auto;
 }
diff --git a/core/modules/shortcut/css/shortcut.module.css b/core/modules/shortcut/css/shortcut.module.css
index 4d1f6410fcb6..05672e9624b0 100644
--- a/core/modules/shortcut/css/shortcut.module.css
+++ b/core/modules/shortcut/css/shortcut.module.css
@@ -16,8 +16,8 @@
   float: left; /* LTR */
   padding-top: 2px;
 }
-[dir=rtl] .add-or-remove-shortcuts .icon,
-[dir=rtl] .add-or-remove-shortcuts .text {
+[dir="rtl"] .add-or-remove-shortcuts .icon,
+[dir="rtl"] .add-or-remove-shortcuts .text {
   float: right;
 }
 .add-or-remove-shortcuts a:focus .text,
diff --git a/core/modules/shortcut/css/shortcut.theme.css b/core/modules/shortcut/css/shortcut.theme.css
index df5a6e840f67..f45a375bee60 100644
--- a/core/modules/shortcut/css/shortcut.theme.css
+++ b/core/modules/shortcut/css/shortcut.theme.css
@@ -26,7 +26,7 @@
 .toolbar .horizontal .edit-shortcuts {
   float: left; /* LTR */
 }
-[dir=rtl] .toolbar .horizontal .edit-shortcuts {
+[dir="rtl"] .toolbar .horizontal .edit-shortcuts {
   border-left: 0 none;
   border-right: 1px solid #d9d9d9;
   float: right;
@@ -47,23 +47,23 @@
   text-indent: 12px;
   width: 12px;
 }
-[dir=rtl] .add-or-remove-shortcuts .icon {
+[dir="rtl"] .add-or-remove-shortcuts .icon {
   margin-left: 0;
   margin-right: 8px;
 }
-[dir=rtl] .add-or-remove-shortcuts .text {
+[dir="rtl"] .add-or-remove-shortcuts .text {
   padding: 0 10px 0 6px;
 }
-[dir=rtl] .add-or-remove-shortcuts a:focus .text,
-[dir=rtl] .add-or-remove-shortcuts a:hover .text {
+[dir="rtl"] .add-or-remove-shortcuts a:focus .text,
+[dir="rtl"] .add-or-remove-shortcuts a:hover .text {
   border-radius: 5px 0 0 5px;
 }
 .add-shortcut a:focus .icon,
 .add-shortcut a:hover .icon {
   background-position: 0 -12px; /* LTR */
 }
-[dir=rtl] .add-shortcut a:focus .icon,
-[dir=rtl] .add-shortcut a:hover .icon {
+[dir="rtl"] .add-shortcut a:focus .icon,
+[dir="rtl"] .add-shortcut a:hover .icon {
   background-position: 0 -24px;
 }
 .remove-shortcut .icon {
@@ -74,7 +74,7 @@
 .remove-shortcut a:hover .icon {
   background-position: -12px -12px; /* LTR */
 }
-[dir=rtl] .remove-shortcut a:focus .icon,
-[dir=rtl] .remove-shortcut a:hover .icon {
+[dir="rtl"] .remove-shortcut a:focus .icon,
+[dir="rtl"] .remove-shortcut a:hover .icon {
   background-position: -12px -24px;
 }
diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css
index c6005395bf17..131c0caea8ef 100644
--- a/core/modules/system/css/system.admin.css
+++ b/core/modules/system/css/system.admin.css
@@ -17,7 +17,7 @@ div.admin-panel .description {
 div.admin-panel .body {
   padding: 0 4px 2px 8px; /* LTR */
 }
-[dir=rtl] div.admin-panel .body {
+[dir="rtl"] div.admin-panel .body {
   padding: 0 8px 2px 4px;
 }
 div.admin {
@@ -29,7 +29,7 @@ div.admin {
     width: 47%;
     margin-left: 1em; /* LTR */
   }
-  [dir=rtl] div.admin .left {
+  [dir="rtl"] div.admin .left {
     float: right;
     margin-left: 0;
     margin-right: 1em;
@@ -39,7 +39,7 @@ div.admin {
     width: 47%;
     margin-right: 1em; /* LTR */
   }
-  [dir=rtl] div.admin .right {
+  [dir="rtl"] div.admin .right {
     float: left;
     margin-left: 1em;
     margin-right: 0;
@@ -50,7 +50,7 @@ div.admin .expert-link {
   margin-right: 1em; /* LTR */
   padding-right: 4px; /* LTR */
 }
-[dir=rtl] div.admin .expert-link {
+[dir="rtl"] div.admin .expert-link {
   margin-right: 0;
   margin-left: 1em;
   padding-right: 0;
@@ -197,7 +197,7 @@ table.system-status-report td.status-icon {
   width: 16px;
   padding-right: 0; /* LTR */
 }
-[dir=rtl] table.system-status-report td.status-icon {
+[dir="rtl"] table.system-status-report td.status-icon {
   padding-left: 0;
   padding-right: 6px;
 }
@@ -290,8 +290,8 @@ table.system-status-report .status-title {
     margin: 0 20px 0 0; /* LTR */
     width: 294px;
   }
-  [dir=rtl] body:not(.toolbar-vertical) .system-themes-list-enabled .screenshot,
-  [dir=rtl] body:not(.toolbar-vertical) .system-themes-list-enabled .no-screenshot {
+  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-enabled .screenshot,
+  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-enabled .no-screenshot {
     float: right;
     margin: 0 0 0 20px;
   }
@@ -306,7 +306,7 @@ table.system-status-report .status-title {
     float: left; /* LTR */
     padding: 20px 20px 20px 0; /* LTR */
   }
-  [dir=rtl] body:not(.toolbar-vertical) .system-themes-list-disabled .theme-selector {
+  [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-disabled .theme-selector {
     float: right;
     padding: 20px 0 20px 20px;
   }
@@ -336,8 +336,8 @@ table.system-status-report .status-title {
     margin: 0 20px 0 0; /* LTR */
     width: 294px;
   }
-  [dir=rtl] .toolbar-vertical .system-themes-list-enabled .screenshot,
-  [dir=rtl] .toolbar-vertical .system-themes-list-enabled .no-screenshot {
+  [dir="rtl"] .toolbar-vertical .system-themes-list-enabled .screenshot,
+  [dir="rtl"] .toolbar-vertical .system-themes-list-enabled .no-screenshot {
     float: right;
     margin: 0 0 0 20px;
   }
@@ -352,7 +352,7 @@ table.system-status-report .status-title {
     float: left; /* LTR */
     padding: 20px 20px 20px 0; /* LTR */
   }
-  [dir=rtl] .toolbar-vertical .system-themes-list-disabled .theme-selector {
+  [dir="rtl"] .toolbar-vertical .system-themes-list-disabled .theme-selector {
     float: right;
     padding: 20px 0 20px 20px;
   }
@@ -390,7 +390,7 @@ table.system-status-report .status-title {
   list-style-type: none;
   border-right: 1px solid #cdcdcd;  /* LTR */
 }
-[dir=rtl] .theme-selector .operations li {
+[dir="rtl"] .theme-selector .operations li {
   float: right;
   border-left: 1px solid #cdcdcd;
   border-right: none;
@@ -399,14 +399,14 @@ table.system-status-report .status-title {
   padding: 0 0 0 0.7em; /* LTR */
   border-right: none; /* LTR */
 }
-[dir=rtl] .theme-selector .operations li.last {
+[dir="rtl"] .theme-selector .operations li.last {
   padding: 0 0.7em 0 0;
   border-left: none;
 }
 .theme-selector .operations li.first {
   padding: 0 0.7em 0 0; /* LTR */
 }
-[dir=rtl] .theme-selector .operations li.first {
+[dir="rtl"] .theme-selector .operations li.first {
   padding: 0 0 0 0.7em;
 }
 #system-themes-admin-form {
@@ -420,7 +420,7 @@ table.system-status-report .status-title {
   float: left; /* LTR */
   margin-right: 1em; /* LTR */
 }
-[dir=rtl] .exposed-filters .filters {
+[dir="rtl"] .exposed-filters .filters {
   float: right;
   margin-left: 1em;
   margin-right: 0;
@@ -434,7 +434,7 @@ table.system-status-report .status-title {
   font-weight: normal;
   width: 10em;
 }
-[dir=rtl] .exposed-filters .form-item label {
+[dir="rtl"] .exposed-filters .form-item label {
   float: right;
 }
 .exposed-filters .form-select {
@@ -452,7 +452,7 @@ table.system-status-report .status-title {
   float: left; /* LTR */
   margin-right: 1em; /* LTR */
 }
-[dir=rtl] .exposed-filters .additional-filters {
+[dir="rtl"] .exposed-filters .additional-filters {
   float: right;
   margin-left: 1em;
   margin-right: 0;
diff --git a/core/modules/system/css/system.module.css b/core/modules/system/css/system.module.css
index 194d535c033b..8b1795ac5bdd 100644
--- a/core/modules/system/css/system.module.css
+++ b/core/modules/system/css/system.module.css
@@ -34,13 +34,13 @@
   background-position: 100% 2px; /* LTR */
   background-repeat: no-repeat;
 }
-.js[dir=rtl] input.form-autocomplete {
+.js[dir="rtl"] input.form-autocomplete {
   background-position: 0% 2px;
 }
 .js input.throbbing {
   background-position: 100% -18px; /* LTR */
 }
-.js[dir=rtl] input.throbbing {
+.js[dir="rtl"] input.throbbing {
   background-position: 0% -18px;
 }
 
@@ -97,7 +97,7 @@ body.drag {
   overflow: hidden;
   text-decoration: none;
 }
-[dir=rtl] .draggable a.tabledrag-handle {
+[dir="rtl"] .draggable a.tabledrag-handle {
   float: right;
   margin-right: -1em;
   margin-left: 0;
@@ -112,7 +112,7 @@ a.tabledrag-handle .handle {
   padding: 0.42em 0.5em; /* LTR */
   width: 13px;
 }
-[dir=rtl] a.tabledrag-handle .handle {
+[dir="rtl"] a.tabledrag-handle .handle {
   margin: -0.4em 0.5em;
   padding: 0.42em 0.5em;
 }
@@ -145,7 +145,7 @@ div.indentation {
   padding: 0.42em 0 0.42em 0.6em; /* LTR */
   width: 20px;
 }
-[dir=rtl] div.indentation {
+[dir="rtl"] div.indentation {
   float: right;
   margin: -0.4em -0.4em -0.4em 0.2em;
   padding: 0.42em 0.6em 0.42em 0;
@@ -156,8 +156,8 @@ div.tree-child {
 div.tree-child-last {
   background: url(../../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
 }
-[dir=rtl] div.tree-child,
-[dir=rtl] div.tree-child-last {
+[dir="rtl"] div.tree-child,
+[dir="rtl"] div.tree-child-last {
   background-position: -65px center;
 }
 div.tree-child-horizontal {
@@ -166,7 +166,7 @@ div.tree-child-horizontal {
 .tabledrag-toggle-weight-wrapper {
   text-align: right; /* LTR */
 }
-[dir=rtl] .tabledrag-toggle-weight-wrapper {
+[dir="rtl"] .tabledrag-toggle-weight-wrapper {
   text-align: left;
 }
 
@@ -199,10 +199,10 @@ table.sticky-header {
 .progress .percentage {
   float: right; /* LTR */
 }
-[dir=rtl] .progress .percentage {
+[dir="rtl"] .progress .percentage {
   float: left;
 }
-[dir=rtl] .progress-disabled {
+[dir="rtl"] .progress-disabled {
   float: right;
 }
 /* Throbber */
@@ -210,7 +210,7 @@ table.sticky-header {
   display: inline-block;
   padding: 1px 5px 2px 5px;
 }
-[dir=rtl] .ajax-progress {
+[dir="rtl"] .ajax-progress {
   float: right;
 }
 .ajax-progress-throbber .throbber {
diff --git a/core/modules/system/css/system.theme.css b/core/modules/system/css/system.theme.css
index 4fb073f9dd89..ecf2239d46cd 100644
--- a/core/modules/system/css/system.theme.css
+++ b/core/modules/system/css/system.theme.css
@@ -33,7 +33,7 @@ th {
   padding-right: 1em; /* LTR */
   text-align: left; /* LTR */
 }
-[dir=rtl] th {
+[dir="rtl"] th {
   text-align: right;
   padding-left: 1em;
   padding-right: 0;
@@ -48,7 +48,7 @@ tr {
 caption {
   text-align: left; /* LTR */
 }
-[dir=rtl] caption {
+[dir="rtl"] caption {
   text-align: right;
 }
 
@@ -86,7 +86,7 @@ td.active {
   margin: 0 0 0.25em 1.5em; /* LTR */
   padding: 0;
 }
-[dir=rtl] .item-list ul li {
+[dir="rtl"] .item-list ul li {
   margin: 0 1.5em 0.25em 0;
 }
 
@@ -175,7 +175,7 @@ abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed {
 .more-link {
   text-align: right; /* LTR */
 }
-[dir=rtl] .more-link {
+[dir="rtl"] .more-link {
   text-align: left;
 }
 
@@ -185,14 +185,14 @@ abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed {
 .more-help-link {
   text-align: right; /* LTR */
 }
-[dir=rtl] .more-help-link {
+[dir="rtl"] .more-help-link {
   text-align: left;
 }
 .more-help-link a {
   background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */
   padding: 1px 0 1px 20px; /* LTR */
 }
-[dir=rtl] .more-help-link a {
+[dir="rtl"] .more-help-link a {
   background-position: 100% 50%;
   padding: 1px 20px 1px 0;
 }
@@ -272,7 +272,7 @@ summary {
   height: 1em;
   width: 1em;
 }
-[dir=rtl] .collapse-processed > summary:before {
+[dir="rtl"] .collapse-processed > summary:before {
   background-position: 100% 100%;
   float: right;
 }
@@ -284,7 +284,7 @@ summary {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
-[dir=rtl] .collapse-processed:not([open]) > summary:before {
+[dir="rtl"] .collapse-processed:not([open]) > summary:before {
   background-position: 75% 35%;
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
@@ -348,7 +348,7 @@ ul.menu {
   padding: 0;
   text-align: left; /* LTR */
 }
-[dir=rtl] ul.menu {
+[dir="rtl"] ul.menu {
   margin-left: 0;
   margin-right: 1em;
   text-align: right;
@@ -361,7 +361,7 @@ ul.menu {
   list-style-image: url(../../../misc/menu-collapsed.png); /* LTR */
   list-style-type: disc;
 }
-[dir=rtl] .menu .collapsed {
+[dir="rtl"] .menu .collapsed {
   list-style-image: url(../../misc/menu-collapsed-rtl.png);
 }
 ul.menu li {
@@ -425,7 +425,7 @@ ul.tabs {
   display: inline-block;
   margin-right: 0.3em; /* LTR */
 }
-[dir=rtl] .tabs > li {
+[dir="rtl"] .tabs > li {
   margin-left: 0.3em;
   margin-right: 0;
 }
@@ -457,7 +457,7 @@ ul.tabs {
 .action-links li:first-child {
   margin-left: 0; /* LTR */
 }
-[dir=rtl] .action-links li:first-child {
+[dir="rtl"] .action-links li:first-child {
   margin-left: 0.3em;
   margin-right: 0;
 }
@@ -473,7 +473,7 @@ ul.tabs {
   margin-left: -0.1em; /* LTR */
   padding-right: 0.2em; /* LTR */
 }
-[dir=rtl] .button-action:before {
+[dir="rtl"] .button-action:before {
   margin-left: 0;
   margin-right: -0.1em;
   padding-left: 0.2em;
@@ -492,7 +492,7 @@ ul.tabs {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
-[dir=rtl] .messages {
+[dir="rtl"] .messages {
   border-width: 1px 8px 1px 1px;
   background-position-x: 99%;
   padding-left: 20px;
@@ -517,7 +517,7 @@ ul.tabs {
   background-image: url(../../../misc/message-16-ok.png);
   background-position: 12px 19px;  /* LTR */
 }
-[dir=rtl] .messages--status {
+[dir="rtl"] .messages--status {
   background-position: 99.3% 19px;
   border-color: #c9e1bd #77b259 #c9e1bd #c9e1bd;
 }
@@ -534,7 +534,7 @@ table tr.ok {
   background-image: url(../../../misc/message-16-warning.png);
   border-color: #f4daa6 #f4daa6 #f4daa6 #e09600;  /* LTR */
 }
-[dir=rtl] .messages--warning {
+[dir="rtl"] .messages--warning {
   border-color: #f4daa6 #e09600 #f4daa6 #f4daa6;
 }
 .messages--warning,
@@ -550,7 +550,7 @@ table tr.warning {
   background-image: url(../../../misc/message-16-error.png);
   border-color: #f9c9bf #f9c9bf #f9c9bf #e62600;  /* LTR */
 }
-[dir=rtl] .messages--error {
+[dir="rtl"] .messages--error {
   border-color: #f9c9bf #e62600 #f9c9bf #f9c9bf;
 }
 .messages--error,
diff --git a/core/modules/toolbar/css/toolbar.icons.css b/core/modules/toolbar/css/toolbar.icons.css
index dc457ca271cb..3175b0b92297 100644
--- a/core/modules/toolbar/css/toolbar.icons.css
+++ b/core/modules/toolbar/css/toolbar.icons.css
@@ -5,7 +5,7 @@
   padding-left: 2.75em; /* LTR */
   position: relative;
 }
-[dir=rtl] .toolbar .icon {
+[dir="rtl"] .toolbar .icon {
   padding-left: 1.3333em;
   padding-right: 2.75em;
 }
@@ -22,7 +22,7 @@
   top: 0;
   width: 20px;
 }
-[dir=rtl] .toolbar .icon:before {
+[dir="rtl"] .toolbar .icon:before {
   left: auto;
   right: 0.6667em;
 }
@@ -34,7 +34,7 @@
 .toolbar .menu ul .icon {
   padding-left: 1.3333em; /* LTR */
 }
-[dir=rtl] .toolbar .menu ul .icon {
+[dir="rtl"] .toolbar .menu ul .icon {
   padding-left: 0;
   padding-right: 1.3333em;
 }
@@ -44,14 +44,14 @@
 .toolbar .vertical .menu ul {
   margin-left: 1.5em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .menu ul {
+[dir="rtl"] .toolbar .vertical .menu ul {
   margin-left: 0;
   margin-right: 1.5em;
 }
 .toolbar .vertical .menu ul ul {
   margin-left: 0.75em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .menu ul ul {
+[dir="rtl"] .toolbar .vertical .menu ul ul {
   margin-left: 0;
   margin-right: 0.75em;
 }
@@ -147,7 +147,7 @@
     left: 0; /* LTR */
     width: 100%;
   }
-  [dir=rtl] .toolbar .bar .icon:before {
+  [dir="rtl"] .toolbar .bar .icon:before {
     background-size: auto auto;
     left: auto;
     right: 0;
@@ -162,7 +162,7 @@
     text-indent: 0;
     width: auto;
   }
-  [dir=rtl] .toolbar .bar .icon {
+  [dir="rtl"] .toolbar .bar .icon {
     background-position: right center;
     padding-left: 1.3333em;
     padding-right: 2.75em;
@@ -171,7 +171,7 @@
     left: 0.6667em; /* LTR */
     width: 20px;
   }
-  [dir=rtl] .toolbar .bar .icon:before {
+  [dir="rtl"] .toolbar .bar .icon:before {
     left: 0;
     right: 0.6667em;
   }
diff --git a/core/modules/toolbar/css/toolbar.menu.css b/core/modules/toolbar/css/toolbar.menu.css
index 39f214df56f0..93d81c1dfc48 100644
--- a/core/modules/toolbar/css/toolbar.menu.css
+++ b/core/modules/toolbar/css/toolbar.menu.css
@@ -23,7 +23,7 @@
 .toolbar .vertical .handle + a {
   margin-right: 3em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .handle + a {
+[dir="rtl"] .toolbar .vertical .handle + a {
   margin-left: 3em;
   margin-right: 0;
 }
@@ -90,7 +90,7 @@
   width: 3em;
   z-index: 1;
 }
-[dir=rtl] .toolbar .icon.handle {
+[dir="rtl"] .toolbar .icon.handle {
   left: 0;
   right: auto;
 }
@@ -98,7 +98,7 @@
   background-image: url("../images/icon-open.png");
   left: 0; /* LTR */
 }
-[dir=rtl] .toolbar .icon.handle:before {
+[dir="rtl"] .toolbar .icon.handle:before {
   left: auto;
   right: 0;
 }
diff --git a/core/modules/toolbar/css/toolbar.module.css b/core/modules/toolbar/css/toolbar.module.css
index be20fdc1fe66..f193d5893c3d 100644
--- a/core/modules/toolbar/css/toolbar.module.css
+++ b/core/modules/toolbar/css/toolbar.module.css
@@ -25,7 +25,7 @@ html.js .toolbar {
   top: 0;
   width: 100%;
 }
-html.js[dir=rtl] .toolbar {
+html.js[dir="rtl"] .toolbar {
    left: auto;
    right: 0;
  }
@@ -52,8 +52,8 @@ html.js[dir=rtl] .toolbar {
 .js .toolbar .horizontal .tab  {
   float: left; /* LTR */
 }
-.js[dir=rtl] .toolbar .bar .tab,
-.js[dir=rtl] .toolbar .horizontal .tab {
+.js[dir="rtl"] .toolbar .bar .tab,
+.js[dir="rtl"] .toolbar .horizontal .tab {
   float: right;
 }
 .js .toolbar a {
@@ -70,7 +70,7 @@ html.js[dir=rtl] .toolbar {
   z-index: 1250;
   width: 100%;
 }
-.js[dir=rtl] .toolbar .bar {
+.js[dir="rtl"] .toolbar .bar {
   left: auto;
   right: 0;
 }
@@ -79,8 +79,8 @@ html.js[dir=rtl] .toolbar {
   .js .toolbar .tray li {
     float: none; /* LTR */
   }
-  .js[dir=rtl] .toolbar .bar .tab,
-  .js[dir=rtl] .toolbar .tray li {
+  .js[dir="rtl"] .toolbar .bar .tab,
+  .js[dir="rtl"] .toolbar .tray li {
     float: none;
   }
 }
@@ -89,8 +89,8 @@ html.js[dir=rtl] .toolbar {
   .js .toolbar .horizontal li {
     float: left; /* LTR */
   }
-  .js[dir=rtl] .toolbar .bar .tab,
-  .js[dir=rtl] .toolbar .horizontal li {
+  .js[dir="rtl"] .toolbar .bar .tab,
+  .js[dir="rtl"] .toolbar .horizontal li {
     float: right;
   }
 }
@@ -127,7 +127,7 @@ html.js[dir=rtl] .toolbar {
   left: -100%; /* LTR */
   position: absolute;
 }
-[dir=rtl] .toolbar .vertical {
+[dir="rtl"] .toolbar .vertical {
   left: auto;
   right: -100%;
 }
@@ -137,7 +137,7 @@ html.js[dir=rtl] .toolbar {
   /* Set one higher than the contextual links gear. */
   z-index: 1000;
 }
-[dir=rtl] .toolbar .horizontal {
+[dir="rtl"] .toolbar .horizontal {
   left: auto;
   right: 0;
 }
@@ -153,8 +153,8 @@ html.js[dir=rtl] .toolbar {
   position: absolute;
   width: 100%;
 }
-[dir=rtl] .toolbar .vertical > .lining,
-[dir=rtl] .toolbar .vertical > .lining:before {
+[dir="rtl"] .toolbar .vertical > .lining,
+[dir="rtl"] .toolbar .vertical > .lining:before {
   left: auto;
   right: -100%;
 }
@@ -185,8 +185,8 @@ html.js[dir=rtl] .toolbar {
   left: 0; /* LTR */
   top: 0;
 }
-[dir=rtl] .toolbar .vertical.active,
-[dir=rtl] .toolbar .vertical.active > .lining {
+[dir="rtl"] .toolbar .vertical.active,
+[dir="rtl"] .toolbar .vertical.active > .lining {
   left: auto;
   right: 0;
 }
@@ -220,7 +220,7 @@ html.js[dir=rtl] .toolbar {
     display: block;
     left: -1px; /* LTR */
   }
-  [dir=rtl] .toolbar .vertical.active > .lining:before {
+  [dir="rtl"] .toolbar .vertical.active > .lining:before {
     left: auto;
     right: -1px;
   }
@@ -238,7 +238,7 @@ html.js[dir=rtl] .toolbar {
     margin-left: 240px; /* LTR */
     margin-left: 15rem; /* LTR */
   }
-  [dir=rtl] body.toolbar-tray-open.toolbar-vertical {
+  [dir="rtl"] body.toolbar-tray-open.toolbar-vertical {
     margin-left: 0;
     margin-right: 240px;
     margin-right: 15rem;
@@ -269,7 +269,7 @@ html.js[dir=rtl] .toolbar {
   right: 0; /* LTR */
   top: 0;
 }
-[dir=rtl] .toolbar .horizontal .toggle-orientation {
+[dir="rtl"] .toolbar .horizontal .toggle-orientation {
   left: 0;
   right: auto;
 }
@@ -277,6 +277,6 @@ html.js[dir=rtl] .toolbar {
   float: right; /* LTR */
   width: 100%;
 }
-[dir=rtl] .toolbar .vertical .toggle-orientation {
+[dir="rtl"] .toolbar .vertical .toggle-orientation {
   float: left;
 }
diff --git a/core/modules/toolbar/css/toolbar.theme.css b/core/modules/toolbar/css/toolbar.theme.css
index 44072119a510..7b08b79361b5 100644
--- a/core/modules/toolbar/css/toolbar.theme.css
+++ b/core/modules/toolbar/css/toolbar.theme.css
@@ -31,7 +31,7 @@
   box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
   color: #dddddd;
 }
-[dir=rtl] .toolbar .bar {
+[dir="rtl"] .toolbar .bar {
   box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
 }
 .toolbar .bar a {
@@ -59,7 +59,7 @@
 .toolbar .horizontal > .lining {
   padding-right: 5em; /* LTR */
 }
-[dir=rtl] .toolbar .horizontal > .lining {
+[dir="rtl"] .toolbar .horizontal > .lining {
   padding-right: 0;
   padding-left: 5em;
 }
@@ -68,22 +68,22 @@
   background-color: #ffffff;
   border-right: 1px solid #aaaaaa; /* LTR */
 }
-[dir=rtl] .toolbar .vertical > .lining,
-[dir=rtl] .toolbar .vertical > .lining:before {
+[dir="rtl"] .toolbar .vertical > .lining,
+[dir="rtl"] .toolbar .vertical > .lining:before {
   border-left: 1px solid #aaaaaa;
   border-right: 0 none;
 }
 .toolbar .vertical > .lining:before {
   box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
 }
-[dir=rtl] .toolbar .vertical > .lining:before {
+[dir="rtl"] .toolbar .vertical > .lining:before {
   box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
 }
 .toolbar .horizontal {
   border-bottom: 1px solid #aaaaaa;
   box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
 }
-[dir=rtl] .toolbar .horizontal {
+[dir="rtl"] .toolbar .horizontal {
   box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
 }
 .toolbar .horizontal .tray {
@@ -103,14 +103,14 @@
 .toolbar .horizontal .menu li + li {
   border-left: 1px solid #dddddd; /* LTR */
 }
-[dir=rtl] .toolbar .horizontal .menu li + li {
+[dir="rtl"] .toolbar .horizontal .menu li + li {
   border-left: 0 none ;
   border-right: 1px solid #dddddd;
 }
 .toolbar .horizontal .menu li:last-child {
   border-right: 1px solid #dddddd; /* LTR */
 }
-[dir=rtl] .toolbar .horizontal .menu li:last-child {
+[dir="rtl"] .toolbar .horizontal .menu li:last-child {
   border-left: 1px solid #dddddd;
 }
 .toolbar .vertical .menu li + li {
@@ -132,14 +132,14 @@
 .toolbar .vertical .menu .menu .menu {
   margin-left: 1.3333em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .menu .menu .menu {
+[dir="rtl"] .toolbar .vertical .menu .menu .menu {
   margin-left: 0;
   margin-right: 1.3333em;
 }
 .toolbar .vertical .menu .menu .menu .menu {
   margin-left: 0.25em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .menu .menu .menu .menu {
+[dir="rtl"] .toolbar .vertical .menu .menu .menu .menu {
   margin-left: 0;
   margin-right: 0.25em;
 }
@@ -149,7 +149,7 @@
 .toolbar .vertical .menu .menu .menu a {
   padding-left: 0.6667em; /* LTR */
 }
-[dir=rtl] .toolbar .vertical .menu .menu .menu a {
+[dir="rtl"] .toolbar .vertical .menu .menu .menu a {
   padding-left: 0;
   padding-right: 0.5em;
 }
@@ -164,7 +164,7 @@
 .toolbar .horizontal .toggle-orientation {
   border-left: 1px solid #c9c9c9; /* LTR */
 }
-[dir=rtl] .toolbar .horizontal .toggle-orientation {
+[dir="rtl"] .toolbar .horizontal .toggle-orientation {
   border-left: 0 none;
   border-right: 1px solid #c9c9c9;
 }
@@ -172,7 +172,7 @@
   float: right; /* LTR */
   padding: 0.1667em;
 }
-[dir=rtl] .toolbar .toggle-orientation > .lining {
+[dir="rtl"] .toolbar .toggle-orientation > .lining {
   float: left;
 }
 .toolbar .toggle-orientation button {
@@ -186,14 +186,14 @@
 .toolbar .toggle-orientation button:before {
   left: 0; /* LTR */
 }
-[dir=rtl] .toolbar .toggle-orientation button:before {
+[dir="rtl"] .toolbar .toggle-orientation button:before {
   left: auto;
   right: 0;
 }
 .toolbar .toggle-orientation [value="vertical"]:before {
   background-image: url('../images/icon-toggle-vertical.png'); /* LTR */
 }
-[dir=rtl] .toolbar .toggle-orientation [value="vertical"]:before {
+[dir="rtl"] .toolbar .toggle-orientation [value="vertical"]:before {
   background-image: url('../images/icon-toggle-vertical-rtl.png');
 }
 .toolbar .toggle-orientation [value="horizontal"]:before {
diff --git a/core/modules/tour/css/tour.module.css b/core/modules/tour/css/tour.module.css
index 12467dcab9f7..c96ce498f9dc 100644
--- a/core/modules/tour/css/tour.module.css
+++ b/core/modules/tour/css/tour.module.css
@@ -7,7 +7,7 @@
 .js .toolbar .bar .tour-toolbar-tab.tab {
   float: right; /* LTR */
 }
-.js[dir=rtl] .toolbar .bar .tour-toolbar-tab.tab {
+.js[dir="rtl"] .toolbar .bar .tour-toolbar-tab.tab {
   float: left;
 }
 .js .toolbar .tour-toolbar-tab button {
@@ -35,7 +35,7 @@
   bottom: 10px;
   right: 15px; /* LTR */
 }
-[dir=rtl] .tour-progress {
+[dir="rtl"] .tour-progress {
   right: 0;
   left: 15px;
 }
diff --git a/core/modules/update/css/update.admin.css b/core/modules/update/css/update.admin.css
index 231f86dfd2be..a3816afdf1e6 100644
--- a/core/modules/update/css/update.admin.css
+++ b/core/modules/update/css/update.admin.css
@@ -9,7 +9,7 @@
   padding-left: .25em; /* LTR */
   height: 22px;
 }
-[dir=rtl] .update .project {
+[dir="rtl"] .update .project {
   padding-right: .25em;
 }
 
@@ -19,7 +19,7 @@
   font-size: 110%;
   height: 20px;
 }
-[dir=rtl] .update .version-status {
+[dir="rtl"] .update .version-status {
   float: left;
   padding-left: 10px;
 }
@@ -27,7 +27,7 @@
 .update .version-status .icon {
   padding-left: .5em; /* LTR */
 }
-[dir=rtl] .update .version-status .icon {
+[dir="rtl"] .update .version-status .icon {
   padding-right: .5em;
 }
 
@@ -103,14 +103,14 @@ table.update,
   padding-left: 1em; /* LTR */
   width: 14em;
 }
-[dir=rtl] .update table.version .version-title {
+[dir="rtl"] .update table.version .version-title {
   padding-left: 1em;
 }
 
 .update table.version .version-details {
   padding-right: .5em; /* LTR */
 }
-[dir=rtl] .update table.version .version-details {
+[dir="rtl"] .update table.version .version-details {
   padding-left: .5em;
   direction: ltr;
 }
@@ -119,7 +119,7 @@ table.update,
   text-align: right; /* LTR */
   padding-right: 1em; /* LTR */
 }
-[dir=rtl] .update table.version .version-links {
+[dir="rtl"] .update table.version .version-links {
   text-align: left;
   padding-left: 1em;
 }
@@ -140,7 +140,7 @@ table.update,
 .update .check-manually {
   padding-left: 1em; /* LTR */
 }
-[dir=rtl] .update .check-manually {
+[dir="rtl"] .update .check-manually {
   padding-right: 1em;
 }
 
diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
index 24cd259d2a9c..c8c0317c6a06 100644
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -4,7 +4,7 @@
 #permissions td.permission {
   padding-left: 1.5em; /* LTR */
 }
-[dir=rtl] #permissions td.permission {
+[dir="rtl"] #permissions td.permission {
   padding-left: 0;
   padding-right: 1.5em;
 }
@@ -24,7 +24,7 @@
   width: 17em;
   float: right;  /* LTR */
 }
-[dir=rtl] .password-strength {
+[dir="rtl"] .password-strength {
   float: left;
 }
 .password-strength-title {
@@ -34,7 +34,7 @@
   float: right; /* LTR */
   font-weight: bold;
 }
-[dir=rtl] .password-strength-text {
+[dir="rtl"] .password-strength-text {
   float: left;
 }
 .password-indicator {
@@ -57,7 +57,7 @@ div.password-confirm {
   visibility: hidden;
   width: 17em;
 }
-[dir=rtl] div.password-confirm {
+[dir="rtl"] div.password-confirm {
   float: left;
 }
 div.form-item div.password-suggestions {
@@ -75,8 +75,8 @@ div.password-suggestions ul {
   margin: 0;
   width: 36.3em;
 }
-[dir=rtl] .confirm-parent,
-[dir=rtl] .password-parent {
+[dir="rtl"] .confirm-parent,
+[dir="rtl"] .password-parent {
   clear: right;
 }
 
diff --git a/core/modules/views_ui/css/views_ui.admin.css b/core/modules/views_ui/css/views_ui.admin.css
index 35bad9ba2733..b6a6b1a3f484 100644
--- a/core/modules/views_ui/css/views_ui.admin.css
+++ b/core/modules/views_ui/css/views_ui.admin.css
@@ -29,14 +29,14 @@
   clear: none;
   float: left; /* LTR */
 }
-[dir=rtl] .horizontal > * {
+[dir="rtl"] .horizontal > * {
   float: right;
 }
 
 .horizontal.right {
   float: right;
 }
-[dir=rtl] .horizontal.right {
+[dir="rtl"] .horizontal.right {
   float: left;
 }
 
@@ -135,7 +135,7 @@
   float: left; /* LTR */
   padding: 0;
 }
-[dir=rtl] .views-displays .secondary > li {
+[dir="rtl"] .views-displays .secondary > li {
   float: right;
 }
 
@@ -183,7 +183,7 @@
   top: 23px;
   z-index: 50;
 }
-[dir=rtl] .views-displays .secondary .action-list {
+[dir="rtl"] .views-displays .secondary .action-list {
   left: auto;
   right: 0;
 }
@@ -230,7 +230,7 @@
     margin-bottom: 0;
     width: 32%;
   }
-  [dir=rtl] .views-display-columns > * {
+  [dir="rtl"] .views-display-columns > * {
     float: right;
     margin-left: 0;
     margin-right: 2%;
@@ -239,7 +239,7 @@
   .views-display-columns > *:first-child {
     margin-left: 0; /* LTR */
   }
-  [dir=rtl] .views-display-columns > *:first-child {
+  [dir="rtl"] .views-display-columns > *:first-child {
     margin-right: 0;
   }
 }
@@ -318,8 +318,8 @@
   display: inline-block;
   float: left; /* LTR */
 }
-[dir=rtl] .views-display-setting .label,
-[dir=rtl] .views-display-setting .views-ajax-link {
+[dir="rtl"] .views-display-setting .label,
+[dir="rtl"] .views-display-setting .views-ajax-link {
   float: right;
 }
 
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 22f8c4a552e6..e88d2fa2206c 100644
--- a/core/modules/views_ui/css/views_ui.admin.theme.css
+++ b/core/modules/views_ui/css/views_ui.admin.theme.css
@@ -43,8 +43,8 @@
   background-position: left top; /* LTR */
   background-repeat: no-repeat;
 }
-[dir=rtl] .views-admin .icon,
-[dir=rtl] .views-admin .icon-text {
+[dir="rtl"] .views-admin .icon,
+[dir="rtl"] .views-admin .icon-text {
   background-position: right top;
 }
 
@@ -105,7 +105,7 @@
 .views-admin .icon-text {
   padding-left: 19px; /* LTR */
 }
-[dir=rtl] .views-admin .icon-text {
+[dir="rtl"] .views-admin .icon-text {
   padding-left: 0;
   padding-right: 19px;
 }
@@ -181,8 +181,8 @@ input.form-radio {
 .views-admin a.button:not(.js-hide) + a.button {
   margin-left: 1em; /* LTR */
 }
-[dir=rtl] .form-submit:not(.js-hide) + .form-submit,
-[dir=rtl] .views-admin a.button:not(.js-hide) + a.button {
+[dir="rtl"] .form-submit:not(.js-hide) + .form-submit,
+[dir="rtl"] .views-admin a.button:not(.js-hide) + a.button {
   margin-right: 1em;
 }
 
@@ -194,8 +194,8 @@ input.form-radio {
 .container-inline .details-wrapper > * + * {
   padding-left: 4px; /* LTR */
 }
-[dir=rtl] .container-inline > * + *,
-[dir=rtl] .container-inline .details-wrapper > * + * {
+[dir="rtl"] .container-inline > * + *,
+[dir="rtl"] .container-inline .details-wrapper > * + * {
   padding-left: 0;
   padding-right: 4px;
 }
@@ -214,7 +214,7 @@ input.form-radio {
 .views-admin .form-type-checkbox + .form-wrapper {
   margin-left: 16px; /* LTR */
 }
-[dir=rtl] .views-admin .form-type-checkbox + .form-wrapper {
+[dir="rtl"] .views-admin .form-type-checkbox + .form-wrapper {
   margin-left: 0;
   margin-right: 16px;
 }
@@ -247,7 +247,7 @@ input.form-radio {
   margin-left: 9px; /* LTR */
   padding-left: 9px; /* LTR */
 }
-[dir=rtl] .horizontal > * + * {
+[dir="rtl"] .horizontal > * + * {
   margin-right: 9px;
   padding-right: 9px;
 }
@@ -398,7 +398,7 @@ td.group-title {
   padding-left: 0.5em; /* LTR */
   text-transform: uppercase;
 }
-[dir=rtl] .views-operator-label {
+[dir="rtl"] .views-operator-label {
   padding-left: 0;
   padding-right: 0.5em;
 }
@@ -439,7 +439,7 @@ td.group-title {
   padding: 8px 8px 8px; /* LTR */
   position: relative;
 }
-[dir=rtl] .views-display-top {
+[dir="rtl"] .views-display-top {
   padding: 8px 8px 8px;
 }
 
@@ -747,7 +747,7 @@ ul#views-display-menu-tabs li.add ul.action-list li{
 .views-display-setting .label {
   margin-right: 3px; /* LTR */
 }
-[dir=rtl] .views-display-setting .label {
+[dir="rtl"] .views-display-setting .label {
   margin-left: 3px;
   margin-right: 0;
 }
@@ -856,7 +856,7 @@ ul#views-display-menu-tabs li.add ul.action-list li{
   width: 45%;
   margin-right: 2%; /* LTR */
 }
-[dir=rtl] #views-filterable-options-controls .form-item {
+[dir="rtl"] #views-filterable-options-controls .form-item {
   margin-left: 2%;
   margin-right: 0;
 }
@@ -907,7 +907,7 @@ ul#views-display-menu-tabs li.add ul.action-list li{
   right: 10px; /* LTR */
   top: 8px;
 }
-[dir=rtl] .views-ui-dialog #views-progress-indicator {
+[dir="rtl"] .views-ui-dialog #views-progress-indicator {
   left: 10px;
   right: auto;
 }
@@ -1087,7 +1087,7 @@ ul#views-display-menu-tabs li.add ul.action-list li{
   list-style-position: outside;
   padding-left: 21px; /* LTR */
 }
-[dir=rtl] #views-live-preview .view-content > .item-list > ul {
+[dir="rtl"] #views-live-preview .view-content > .item-list > ul {
   padding-left: 0;
   padding-right: 21px;
 }
diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
index 1adacd62c940..74f015bb46a1 100644
--- a/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -29,7 +29,7 @@ body,
   margin: .5em 5px .75em;
   border: 1px solid #ccc;
 }
-[dir=rtl] .region-header {
+[dir="rtl"] .region-header {
   float: left;
 }
 #secondary-menu {
@@ -88,14 +88,14 @@ body,
     float: left; /* LTR */
     position: relative;
   }
-  [dir=rtl] #sidebar-first,
-  [dir=rtl] .region-triptych-first,
-  [dir=rtl] .region-triptych-middle,
-  [dir=rtl] .region-triptych-last,
-  [dir=rtl] .region-footer-firstcolumn,
-  [dir=rtl] .region-footer-secondcolumn,
-  [dir=rtl] .region-footer-thirdcolumn,
-  [dir=rtl] .region-footer-fourthcolumn {
+  [dir="rtl"] #sidebar-first,
+  [dir="rtl"] .region-triptych-first,
+  [dir="rtl"] .region-triptych-middle,
+  [dir="rtl"] .region-triptych-last,
+  [dir="rtl"] .region-footer-firstcolumn,
+  [dir="rtl"] .region-footer-secondcolumn,
+  [dir="rtl"] .region-footer-thirdcolumn,
+  [dir="rtl"] .region-footer-fourthcolumn {
     float: right;
   }
   #sidebar-first,
@@ -105,7 +105,7 @@ body,
   #sidebar-second {
     margin-left: 50%; /* LTR */
   }
-  [dir=rtl] #sidebar-second {
+  [dir="rtl"] #sidebar-second {
     margin-right: 50%;
   }
   .one-sidebar #sidebar-first,
@@ -115,7 +115,7 @@ body,
   .one-sidebar #sidebar-second {
     margin-left: 0; /* LTR */
   }
-  [dir=rtl] .one-sidebar #sidebar-second {
+  [dir="rtl"] .one-sidebar #sidebar-second {
     margin-right: 0;
   }
   .region-triptych-first,
@@ -176,16 +176,16 @@ body,
     float: left; /* LTR */
     position: relative;
   }
-  [dir=rtl] #content,
-  [dir=rtl] #sidebar-first,
-  [dir=rtl] #sidebar-second,
-  [dir=rtl] .region-triptych-first,
-  [dir=rtl] .region-triptych-middle,
-  [dir=rtl] .region-triptych-last,
-  [dir=rtl] .region-footer-firstcolumn,
-  [dir=rtl] .region-footer-secondcolumn,
-  [dir=rtl] .region-footer-thirdcolumn,
-  [dir=rtl] .region-footer-fourthcolumn {
+  [dir="rtl"] #content,
+  [dir="rtl"] #sidebar-first,
+  [dir="rtl"] #sidebar-second,
+  [dir="rtl"] .region-triptych-first,
+  [dir="rtl"] .region-triptych-middle,
+  [dir="rtl"] .region-triptych-last,
+  [dir="rtl"] .region-footer-firstcolumn,
+  [dir="rtl"] .region-footer-secondcolumn,
+  [dir="rtl"] .region-footer-thirdcolumn,
+  [dir="rtl"] .region-footer-fourthcolumn {
     float: right;
   }
   .two-sidebars #content {
@@ -203,7 +203,7 @@ body,
     margin-left: 25%; /* LTR */
     margin-right: 0; /* LTR */
   }
-  [dir=rtl] .sidebar-first #content {
+  [dir="rtl"] .sidebar-first #content {
     margin-left: 0;
     margin-right: 25%;
   }
@@ -211,7 +211,7 @@ body,
     margin-right: 25%; /* LTR */
     margin-left: 0; /* LTR */
   }
-  [dir=rtl] .sidebar-second #content {
+  [dir="rtl"] .sidebar-second #content {
     margin-right: 0;
     margin-left: 25%;
   }
@@ -219,7 +219,7 @@ body,
     width: 25%;
     margin-left: -100%; /* LTR */
   }
-  [dir=rtl] #sidebar-first {
+  [dir="rtl"] #sidebar-first {
     margin-right: -100%;
   }
   #sidebar-second {
@@ -227,7 +227,7 @@ body,
     margin-left: -25%; /* LTR */
     clear: none;
   }
-  [dir=rtl] #sidebar-second {
+  [dir="rtl"] #sidebar-second {
     margin-right: -25%;
   }
   .region-triptych-first,
diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css
index 8e679b6adf85..672995f47807 100644
--- a/core/themes/bartik/css/style.css
+++ b/core/themes/bartik/css/style.css
@@ -149,7 +149,7 @@ blockquote {
   margin: 1.5em 10px;
   padding: 0.5em 10px;
 }
-[dir=rtl] blockquote {
+[dir="rtl"] blockquote {
   border-left: none;
   border-right: 4px solid #afafaf;
 }
@@ -161,7 +161,7 @@ blockquote:before {
   margin-right: 0.2em;
   vertical-align: -.4em;
 }
-[dir=rtl] blockquote:before {
+[dir="rtl"] blockquote:before {
   content: "\201D";
 }
 blockquote:after {
@@ -171,7 +171,7 @@ blockquote:after {
   line-height: 0.1em;
   vertical-align: -.45em;
 }
-[dir=rtl] blockquote:after {
+[dir="rtl"] blockquote:after {
   content: "\201C";
 }
 blockquote > p:first-child {
@@ -222,8 +222,8 @@ tr th {
   border: 1px solid #fff;
   text-align: left; /* LTR */
 }
-[dir=rtl] tr td,
-[dir=rtl] tr th {
+[dir="rtl"] tr td,
+[dir="rtl"] tr th {
   text-align: right;
 }
 #footer-wrapper tr td,
@@ -256,8 +256,8 @@ table ul.links li {
   margin: 0;
   padding: 0 0 0.25em 1em; /* LTR */
 }
-[dir=rtl] .block ol,
-[dir=rtl] .block ul {
+[dir="rtl"] .block ol,
+[dir="rtl"] .block ul {
   padding: 0 1em 0.25em 0;
 }
 .contextual-region .contextual .contextual-links a {
@@ -295,21 +295,21 @@ ul.menu li {
   margin: 1em 0;
   padding: 0 0 0.25em 15px; /* LTR */
 }
-[dir=rtl] .region-content ul,
-[dir=rtl] .region-content ol {
+[dir="rtl"] .region-content ul,
+[dir="rtl"] .region-content ol {
   padding: 2.5em 0 0.25em 0;
 }
 .item-list ul li {
   margin: 0;
   padding: 0.2em 0.5em 0 0; /* LTR */
 }
-[dir=rtl] .item-list ul li {
+[dir="rtl"] .item-list ul li {
   padding: 0.2em 0 0 0.5em;
 }
 ul.tips {
   padding: 0 0 0 1.25em; /* LTR */
 }
-[dir=rtl] ul.tips {
+[dir="rtl"] ul.tips {
   padding: 0 1.25em 0 0;
 }
 
@@ -344,7 +344,7 @@ ul.tips {
   float: left; /* LTR */
   padding-left: 5px; /* LTR */
 }
-[dir=rtl] #logo {
+[dir="rtl"] #logo {
   padding: 15px 10px 15px 15px;
 }
 
@@ -353,7 +353,7 @@ ul.tips {
   margin: 0;
   padding: 5px 10px 8px;
 }
-[dir=rtl] #name-and-slogan {
+[dir="rtl"] #name-and-slogan {
   margin: 0 15px 30px 0;
 }
 
@@ -409,7 +409,7 @@ h1#site-name {
   margin-right: 2px; /* LTR */
   width: 120px;
 }
-[dir=rtl] .region-header .form-text {
+[dir="rtl"] .region-header .form-text {
   margin-left: 2px;
   margin-right: 0;
 }
@@ -482,7 +482,7 @@ h1#site-name {
 .region-header #block-user-login .item-list li.last {
   padding-left: 0.5em; /* LTR */
 }
-[dir=rtl] .region-header #block-user-login .item-list li.last {
+[dir="rtl"] .region-header #block-user-login .item-list li.last {
   padding-left: 0;
   padding-right: 0.5em;
 }
@@ -518,11 +518,11 @@ h1#site-name {
   padding: 0 0.5em;
 }
 
-[dir=rtl] #logo,
-[dir=rtl] #name-and-slogan,
-[dir=rtl] .region-header .block,
-[dir=rtl] .region-header #block-user-login .form-item,
-[dir=rtl] .region-header #block-user-login .item-list li {
+[dir="rtl"] #logo,
+[dir="rtl"] #name-and-slogan,
+[dir="rtl"] .region-header .block,
+[dir="rtl"] .region-header #block-user-login .form-item,
+[dir="rtl"] .region-header #block-user-login .item-list li {
   float: right;
 }
 
@@ -536,7 +536,7 @@ h1#site-name {
   padding: 0;
   text-align: left; /* LTR */
 }
-[dir=rtl] #main-menu-links {
+[dir="rtl"] #main-menu-links {
   text-align: right;
 }
 #main-menu-links li {
@@ -558,7 +558,7 @@ h1#site-name {
   margin-bottom: 4px;
   padding: 0.9em 0 0.9em 10px; /* LTR */
 }
-[dir=rtl] #main-menu-links a {
+[dir="rtl"] #main-menu-links a {
   padding: 0.9em 10px 0.9em 0;
 }
 #main-menu-links a:hover,
@@ -581,7 +581,7 @@ h1#site-name {
   font-size: 0.929em;
   margin: 0 10px;
 }
-[dir=rtl] #secondary-menu-links {
+[dir="rtl"] #secondary-menu-links {
   float: left;
 }
 #secondary-menu-links  li{
@@ -693,7 +693,7 @@ h1#page-title {
   float: left; /* LTR */
   margin: 1px 20px 0 0; /* LTR */
 }
-[dir=rtl] .submitted .field-name-field-user-picture img {
+[dir="rtl"] .submitted .field-name-field-user-picture img {
   float: right;
   margin-left: 20px;
   margin-right: 0;
@@ -706,7 +706,7 @@ h1#page-title {
   margin: 0;
   padding-right: 5px; /* LTR */
 }
-[dir=rtl] .field-type-taxonomy-term-reference .field-label {
+[dir="rtl"] .field-type-taxonomy-term-reference .field-label {
   padding-left: 5px;
   padding-right: 0;
 }
@@ -728,14 +728,14 @@ h1#page-title {
   padding: 0 1em 0 0; /* LTR */
   white-space: nowrap;
 }
-[dir=rtl] .field-type-taxonomy-term-reference ul.links li {
+[dir="rtl"] .field-type-taxonomy-term-reference ul.links li {
   padding: 0 0 0 1em;
   float: right;
 }
 .link-wrapper {
   text-align: right;
 }
-[dir=rtl] .link-wrapper {
+[dir="rtl"] .link-wrapper {
   text-align: left;
   margin-right: 236px;
   margin-left: 0;
@@ -765,7 +765,7 @@ ul.links {
 .comment .field-name-field-user-picture img {
   margin-left: 0; /* LTR */
 }
-[dir=rtl] .comment .field-name-field-user-picture img {
+[dir="rtl"] .comment .field-name-field-user-picture img {
   margin-right: 0;
 }
 .comment {
@@ -779,7 +779,7 @@ ul.links {
   vertical-align: top;
   overflow: hidden;
 }
-[dir=rtl] .comment .attribution {
+[dir="rtl"] .comment .attribution {
   float: right;
   padding: 0 0 0 30px;
 }
@@ -816,7 +816,7 @@ ul.links {
   position: absolute;
   width: 20px;
 }
-[dir=rtl] .comment .comment-arrow {
+[dir="rtl"] .comment .comment-arrow {
   background-image: url(../images/comment-arrow-rtl.gif);
   margin-left: 0;
   margin-right: -47px;
@@ -832,7 +832,7 @@ ul.links {
 .comment .indented {
   margin-left: 40px; /* LTR */
 }
-[dir=rtl] .comment .indented {
+[dir="rtl"] .comment .indented {
   margin-right: 40px;
   margin-left: 0;
 }
@@ -842,14 +842,14 @@ ul.links {
 .comment ul.links li {
   padding: 0 0.5em 0 0; /* LTR */
 }
-[dir=rtl] .comment ul.links li {
+[dir="rtl"] .comment ul.links li {
   padding: 0 0 0.5em;
 }
 .comment.unpublished {
   margin-right: 5px; /* LTR */
   padding: 5px 2px 5px 5px; /* LTR */
 }
-[dir=rtl] .comment.unpublished {
+[dir="rtl"] .comment.unpublished {
   margin-left: 5px;
   margin-right: 0;
   padding: 5px 5px 5px 2px;
@@ -1010,7 +1010,7 @@ ul.links {
   padding-left: 0; /* LTR */
   margin-left: 0;
 }
-[dir=rtl] #footer-columns .content ul {
+[dir="rtl"] #footer-columns .content ul {
   padding-right: 0;
 }
 #footer-columns .content li {
@@ -1026,7 +1026,7 @@ ul.links {
   padding: 0.8em 2px 0.8em 20px; /* LTR */
   text-indent: -15px;
 }
-[dir=rtl] #footer-columns .content li a {
+[dir="rtl"] #footer-columns .content li a {
   padding: 0.8em 20px 0.8em 2px;
 }
 #footer-columns .content li a:hover,
@@ -1060,7 +1060,7 @@ ul.links {
   border-right: 1px solid #555; /* LTR */
   border-color: rgba(255, 255, 255, 0.15);
 }
-[dir=rtl] #footer li a {
+[dir="rtl"] #footer li a {
   float: right;
   border-left: 1px solid #555;
   border-color: rgba(255, 255, 255, 0.15);
@@ -1069,7 +1069,7 @@ ul.links {
 #footer li.first a {
   padding-left: 0; /* LTR */
 }
-[dir=rtl] #footer li.first a {
+[dir="rtl"] #footer li.first a {
   padding-right: 0;
   padding-left: 12px;
 }
@@ -1077,7 +1077,7 @@ ul.links {
   padding-right: 0; /* LTR */
   border-right: none; /* LTR */
 }
-[dir=rtl] #footer li.last a {
+[dir="rtl"] #footer li.last a {
   padding-left: 0;
   padding-right: 12px;
   border-left: none;
@@ -1113,7 +1113,7 @@ div.tabs {
   vertical-align: bottom;
   margin: 0 5px 0 0; /* LTR */
 }
-[dir=rtl] .tabs ul.primary li {
+[dir="rtl"] .tabs ul.primary li {
   margin: 0 0 0 5px;
   float: right;
   zoom: 1;
@@ -1155,7 +1155,7 @@ div.tabs {
   margin: 0;
   padding: 0 1em;
 }
-[dir=rtl] .tabs ul.secondary li {
+[dir="rtl"] .tabs ul.secondary li {
   border-left: 1px solid #ccc;
   border-right: none;
   float: right;
@@ -1163,13 +1163,13 @@ div.tabs {
 .tabs ul.secondary li:last-child {
   border-right: none; /* LTR */
 }
-[dir=rtl] .tabs ul.secondary li:last-child {
+[dir="rtl"] .tabs ul.secondary li:last-child {
   border-left: none;
 }
 .tabs ul.secondary li:first-child {
   padding-left: 0; /* LTR */
 }
-[dir=rtl] .tabs ul.secondary li:first-child {
+[dir="rtl"] .tabs ul.secondary li:first-child {
   padding-right: 0;
 }
 .tabs ul.secondary li a {
@@ -1211,12 +1211,12 @@ div.messages {
 
 /* -------------- Password Meter  ------------- */
 
-[dir=rtl] #password-strength {
+[dir="rtl"] #password-strength {
   left: auto;
   margin-top: 2em;
   right: 16em;
 }
-[dir=rtl] .form-item-pass-pass2 label {
+[dir="rtl"] .form-item-pass-pass2 label {
   clear: right;
 }
 .confirm-parent,
@@ -1235,7 +1235,7 @@ div.password-confirm {
 .password-strength-text {
   margin-top: 0.2em;
 }
-[dir=rtl] #password-strength-text {
+[dir="rtl"] #password-strength-text {
   margin-top: 0;
   float: left;
 }
@@ -1334,7 +1334,7 @@ input.form-submit:focus {
 .password-suggestions ul li {
   margin-left: 1.2em; /* LTR */
 }
-[dir=rtl] .password-suggestions ul li {
+[dir="rtl"] .password-suggestions ul li {
   margin-right: 1.2em;
   margin-left: 0;
 }
@@ -1409,13 +1409,13 @@ input.form-submit:focus {
 .js input.form-autocomplete {
   background-position: 100% 4px; /* LTR */
 }
-.js[dir=rtl] input.form-autocomplete {
+.js[dir="rtl"] input.form-autocomplete {
   background-position: 1% 4px;
 }
 .js input.throbbing {
   background-position: 100% -16px; /* LTR */
 }
-.js[dir=rtl] input.throbbing {
+.js[dir="rtl"] input.throbbing {
   background-position: 1% -16px;
 }
 
@@ -1425,7 +1425,7 @@ input.form-submit:focus {
   font-size: 0.929em;
   width: 120px;
 }
-[dir=rtl] .comment-form label {
+[dir="rtl"] .comment-form label {
   float: right;
 }
 .comment-form input,
@@ -1447,9 +1447,9 @@ input.form-submit:focus {
 .comment-form .form-radios {
   margin-left: 120px; /* LTR */
 }
-[dir=rtl] .comment-form .form-type-checkbox,
-[dir=rtl] .comment-form .form-radios,
-[dir=rtl] .comment-form .form-item .description {
+[dir="rtl"] .comment-form .form-type-checkbox,
+[dir="rtl"] .comment-form .form-radios,
+[dir="rtl"] .comment-form .form-item .description {
   margin-left: 0;
   margin-right: 120px;
 }
@@ -1503,7 +1503,7 @@ input.form-submit:focus {
 #edit-actions input {
   margin-right: 0.6em; /* LTR */
 }
-[dir=rtl] #edit-actions input {
+[dir="rtl"] #edit-actions input {
   margin-left: 0.6em;
   margin-right: 0;
 }
@@ -1526,14 +1526,14 @@ div.password-suggestions {
 
 /* ---------- Color Form ----------- */
 
-[dir=rtl] .color-form #palette {
+[dir="rtl"] .color-form #palette {
   margin-left: 0;
   margin-right: 20px;
 }
-[dir=rtl] .color-form .form-item label {
+[dir="rtl"] .color-form .form-item label {
   float: right;
 }
-[dir=rtl] .color-form #palette .lock {
+[dir="rtl"] .color-form #palette .lock {
   right: -20px;
   left: 0;
 }
@@ -1563,8 +1563,8 @@ div.password-suggestions {
   margin-right: 5px;
   width: 9em;
 }
-[dir=rtl] #search-form input#edit-keys,
-[dir=rtl] #block-search-form .form-item-search-block-form input {
+[dir="rtl"] #search-form input#edit-keys,
+[dir="rtl"] #block-search-form .form-item-search-block-form input {
   float: right;
   margin-left: 5px;
   margin-right: 0;
@@ -1638,7 +1638,7 @@ ol.search-results {
 .caption-blockquote > figcaption {
   text-align: left;
 }
-[dir=rtl] .caption-blockquote > figcaption {
+[dir="rtl"] .caption-blockquote > figcaption {
   text-align: right;
 }
 
@@ -1651,7 +1651,7 @@ ol.search-results {
   float: left; /* LTR */
   margin: 0;
 }
-[dir=rtl] .shortcut-wrapper h1#page-title {
+[dir="rtl"] .shortcut-wrapper h1#page-title {
   float: right;
 }
 div.add-or-remove-shortcuts {
@@ -1782,7 +1782,7 @@ div.admin-panel .description {
   #logo {
     padding: 5px 0 0 5px; /* LTR */
   }
-  [dir=rtl] #logo {
+  [dir="rtl"] #logo {
     padding: 5px 5px 0 0;
   }
   #name-and-slogan {
@@ -1800,7 +1800,7 @@ div.admin-panel .description {
     display: inline-block;
     width: 32.75%;
   }
-  [dir=rtl] #main-menu-links li {
+  [dir="rtl"] #main-menu-links li {
     float: right;
     margin-left: 5px;
     margin-right: 0;
@@ -1808,7 +1808,7 @@ div.admin-panel .description {
   #main-menu-links li:nth-child(3n) {
     margin-right: -5px; /* LTR */
   }
-  [dir=rtl] #main-menu-links li:nth-child(3n) {
+  [dir="rtl"] #main-menu-links li:nth-child(3n) {
     margin-left: -5px;
     margin-right: 0;
   }
@@ -1829,14 +1829,14 @@ div.admin-panel .description {
   #logo {
     padding: 15px 15px 15px 10px; /* LTR */
   }
-  [dir=rtl] #logo {
+  [dir="rtl"] #logo {
     padding: 15px 10px 15px 15px;
   }
   #name-and-slogan {
     padding: 26px 0 0;
     margin: 0 0 30px 15px; /* LTR */
   }
-  [dir=rtl] #name-and-slogan {
+  [dir="rtl"] #name-and-slogan {
     margin: 0 15px 30px 0;
   }
   #site-name {
@@ -1854,7 +1854,7 @@ div.admin-panel .description {
     margin: 0 1px;
     width: auto;
   }
-  [dir=rtl] #main-menu-links li {
+  [dir="rtl"] #main-menu-links li {
     float: right;
   }
   #main-menu-links a {
@@ -1864,7 +1864,7 @@ div.admin-panel .description {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }
-  [dir=rtl] #main-menu-links a {
+  [dir="rtl"] #main-menu-links a {
     float: right;
     padding: 0.7em 0.8em;
   }
@@ -1922,7 +1922,7 @@ div.admin-panel .description {
   padding-left: 0; /* LTR */
 }
 
-[dir=rtl] .views-display-top .secondary .action-list {
+[dir="rtl"] .views-display-top .secondary .action-list {
   padding-left: inherit;
   padding-right: 0;
 }
@@ -2012,7 +2012,7 @@ div.admin-panel .description {
 .views-display-columns details summary {
   padding: 0 0 4px 2px; /* LTR */
 }
-[dir=rtl] .views-display-columns details summary {
+[dir="rtl"] .views-display-columns details summary {
   padding: 0 2px 4px 0;
 }
 
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 2556bf05393f..3e66ac78daed 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -63,8 +63,8 @@ dl dl {
   margin-left: 20px; /* LTR */
   margin-bottom: 10px;
 }
-[dir=rtl] dl dd,
-[dir=rtl] dl dl {
+[dir="rtl"] dl dd,
+[dir="rtl"] dl dl {
   margin-right: 20px;
 }
 blockquote {
@@ -111,8 +111,8 @@ ul,
   list-style-image: none;
   margin: 0.25em 0 0.25em 1.5em; /* LTR */
 }
-[dir=rtl] ul,
-[dir=rtl] .item-list ul {
+[dir="rtl"] ul,
+[dir="rtl"] .item-list ul {
   margin: 0.25em 1.5em 0.25em 0;
 }
 .item-list .pager li {
@@ -131,7 +131,7 @@ ol {
   list-style-type: decimal;
   margin: 0.25em 0 0.25em 2em; /* LTR */
 }
-[dir=rtl] ol {
+[dir="rtl"] ol {
   margin: 0.25em 2em 0.25em 0;
 }
 .item-list ul li.collapsed,
@@ -169,7 +169,7 @@ pre {
   width: auto;
   z-index: 50;
 }
-[dir=rtl] #skip-link {
+[dir="rtl"] #skip-link {
   right: 50%;
   margin-right: -5.25em;
 }
@@ -184,9 +184,9 @@ pre {
   text-decoration: none;
   border-radius: 0 0 10px 10px;
 }
-[dir=rtl] #skip-link a,
-[dir=rtl] #skip-link a:link,
-[dir=rtl] #skip-link a:visited {
+[dir="rtl"] #skip-link a,
+[dir="rtl"] #skip-link a:link,
+[dir="rtl"] #skip-link a:visited {
   padding: 1px 10px 2px 10px;
 }
 #skip-link a:hover,
@@ -204,7 +204,7 @@ pre {
   position: relative;
   background-color: #e0e0d8;
 }
-[dir=rtl] #branding {
+[dir="rtl"] #branding {
   padding: 20px 20px 0 20px;
 }
 .breadcrumb {
@@ -225,7 +225,7 @@ pre {
 #help div.more-help-link {
   text-align: right; /* LTR */
 }
-[dir=rtl] #help div.more-help-link {
+[dir="rtl"] #help div.more-help-link {
   text-align: left;
 }
 
@@ -244,7 +244,7 @@ pre {
   font-weight: normal;
   float: left; /* LTR */
 }
-[dir=rtl] #branding h1.page-title {
+[dir="rtl"] #branding h1.page-title {
   float: right;
 }
 
@@ -266,7 +266,7 @@ ul.primary {
   margin: 0;
   padding-top: 0;
 }
-[dir=rtl] ul.primary {
+[dir="rtl"] ul.primary {
   float: left;
 }
 ul.primary li {
@@ -275,7 +275,7 @@ ul.primary li {
   height: 2.60em;
   margin: 0 2px;
 }
-[dir=rtl] ul.primary li {
+[dir="rtl"] ul.primary li {
   float: right;
 }
 ul.primary li a:link,
@@ -295,12 +295,12 @@ ul.primary li.active a {
   border-color: #a6a7a2;
   border-radius: 8px 8px 0 0;
 }
-[dir=rtl] ul.primary li a:link,
-[dir=rtl] ul.primary li a.active,
-[dir=rtl] ul.primary li a:active,
-[dir=rtl] ul.primary li a:visited,
-[dir=rtl] ul.primary li a:hover,
-[dir=rtl] ul.primary li.active a {
+[dir="rtl"] ul.primary li a:link,
+[dir="rtl"] ul.primary li a.active,
+[dir="rtl"] ul.primary li a:active,
+[dir="rtl"] ul.primary li a:visited,
+[dir="rtl"] ul.primary li a:hover,
+[dir="rtl"] ul.primary li.active a {
   float: right;
 }
 ul.primary li.active a,
@@ -327,14 +327,14 @@ ul.secondary {
   overflow: hidden;
   background-color: #fff;
 }
-[dir=rtl] ul.secondary {
+[dir="rtl"] ul.secondary {
   float: left;
 }
 ul.secondary li {
   margin: 0 5px;
   float: none; /* LTR */
 }
-[dir=rtl] ul.secondary li {
+[dir="rtl"] ul.secondary li {
   float: none;
 }
 ul.secondary li a {
@@ -432,8 +432,8 @@ ul.links li,
 ul.inline li {
   padding-right: 1em; /* LTR */
 }
-[dir=rtl] ul.links li,
-[dir=rtl] ul.inline li {
+[dir="rtl"] ul.links li,
+[dir="rtl"] ul.inline li {
   padding-left: 1em;
 }
 ul.inline li {
@@ -460,7 +460,7 @@ ul.inline li {
   padding: 9px 9px 9px 39px; /* LTR */
   min-height: 0;
 }
-[dir=rtl] .admin-list li a {
+[dir="rtl"] .admin-list li a {
   background: url(images/list-item-rtl.png) no-repeat right 11px;
   padding: 9px 39px 9px 9px;
 }
@@ -534,7 +534,7 @@ table th a {
 table th.active a {
   padding: 0 25px 0 0; /* LTR */
 }
-[dir=rtl] table th.active a {
+[dir="rtl"] table th.active a {
   padding: 0 0 0 25px;
 }
 table th.active img {
@@ -542,7 +542,7 @@ table th.active img {
   top: 3px;
   right: 3px; /* LTR */
 }
-[dir=rtl] table th.active img {
+[dir="rtl"] table th.active img {
   left: 3px;
   right: auto;
 }
@@ -664,15 +664,15 @@ div.description,
 ul.tips li {
   margin: 0.25em 0 0.25em 1.5em; /* LTR */
 }
-[dir=rtl] ul.tips li {
+[dir="rtl"] ul.tips li {
   margin: 0.25em 1.5em 0.25em 0;
 }
 body div.form-type-radio div.description,
 body div.form-type-checkbox div.description {
   margin-left: 1.5em; /* LTR */
 }
-[dir=rtl] body div.form-type-radio div.description,
-[dir=rtl] body div.form-type-checkbox div.description {
+[dir="rtl"] body div.form-type-radio div.description,
+[dir="rtl"] body div.form-type-checkbox div.description {
   margin-left: 0;
   margin-right: 1.5em;
 }
@@ -826,7 +826,7 @@ select.form-select:focus {
 #edit-cancel {
   margin-left: 10px; /* LTR */
 }
-[dir=rtl] #edit-cancel {
+[dir="rtl"] #edit-cancel {
   margin-left: 0;
   margin-right: 10px;
 }
@@ -972,8 +972,8 @@ div.admin-options div.form-item {
   margin-right: 10px; /* LTR */
   float: left; /* LTR */
 }
-[dir=rtl] div.admin-options label,
-[dir=rtl] div.admin-options div.form-item {
+[dir="rtl"] div.admin-options label,
+[dir="rtl"] div.admin-options div.form-item {
   margin-left: 10px;
   margin-right: 0;
   float: right;
@@ -994,7 +994,7 @@ body.in-maintenance #sidebar-first {
   max-width: 200px;
   width: 25%;
 }
-[dir=rtl] body.in-maintenance #sidebar-first {
+[dir="rtl"] body.in-maintenance #sidebar-first {
   float: right;
 }
 body.in-maintenance #content {
@@ -1002,7 +1002,7 @@ body.in-maintenance #content {
   clear: none;
   width: 72%;
 }
-[dir=rtl] body.in-maintenance #content {
+[dir="rtl"] body.in-maintenance #content {
   float: left;
 }
 body.in-maintenance #page {
@@ -1045,14 +1045,14 @@ body.in-maintenance #logo {
   list-style-type: none;
   list-style-image: none;
 }
-[dir=rtl] .task-list {
+[dir="rtl"] .task-list {
   margin-right: 0;
 }
 .task-list li {
   padding: 0.5em 1em 0.5em 20px; /* LTR */
   color: #adadad;
 }
-[dir=rtl] .task-list li {
+[dir="rtl"] .task-list li {
   padding: 0.5em 20px 0.5em 1em;
 }
 .task-list li.active {
@@ -1060,7 +1060,7 @@ body.in-maintenance #logo {
   padding: 0.5em 1em 0.5em 20px; /* LTR */
   color: #000;
 }
-[dir=rtl] .task-list li.active {
+[dir="rtl"] .task-list li.active {
   background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
   padding: 0.5em 20px 0.5em 1em;
 }
@@ -1089,7 +1089,7 @@ body.in-maintenance #logo {
   position: relative;
   z-index: 10;
 }
-[dir=rtl] .overlay #branding .breadcrumb {
+[dir="rtl"] .overlay #branding .breadcrumb {
   float: right;
 }
 #overlay-tabs {
@@ -1103,7 +1103,7 @@ body.in-maintenance #logo {
   margin: -1.4em 0 0.3em 0; /* LTR */
   overflow: visible;
 }
-[dir=rtl] .overlay ul.secondary {
+[dir="rtl"] .overlay ul.secondary {
   margin: -1.4em 0 0.3em 0;
 }
 .overlay #content {
@@ -1185,7 +1185,7 @@ h1#overlay-title {
 #block-node-recent .more-link {
   padding: 0 5px 5px 0; /* LTR */
 }
-[dir=rtl] #block-node-recent .more-link {
+[dir="rtl"] #block-node-recent .more-link {
   padding: 0 0 5px 5px;
 }
 
@@ -1297,10 +1297,10 @@ details.fieldset-no-legend {
   margin-right: 0; /* LTR */
   margin-top: 0;
 }
-[dir=rtl] .views-admin input.form-submit,
-[dir=rtl] .views-ui-dialog input.form-submit,
-[dir=rtl] .views-admin a.button,
-[dir=rtl] .views-ui-dialog a.button {
+[dir="rtl"] .views-admin input.form-submit,
+[dir="rtl"] .views-ui-dialog input.form-submit,
+[dir="rtl"] .views-admin a.button,
+[dir="rtl"] .views-ui-dialog a.button {
   margin-left: 0;
 }
 
@@ -1371,14 +1371,14 @@ details.fieldset-no-legend {
 .views-admin .links li {
   padding-right: 0; /* LTR */
 }
-[dir=rtl] .views-admin .links li {
+[dir="rtl"] .views-admin .links li {
   padding-left: 0;
 }
 
 .views-admin .button .links li {
   padding-right: 12px; /* LTR */
 }
-[dir=rtl] .views-admin .button .links li {
+[dir="rtl"] .views-admin .button .links li {
   padding-left: 12px;
 }
 
@@ -1419,7 +1419,7 @@ details.fieldset-no-legend {
 .views-displays .secondary {
  text-align: left; /* LTR */
 }
-[dir=rtl] .views-displays .secondary {
+[dir="rtl"] .views-displays .secondary {
   text-align: right;
 }
 
diff --git a/core/themes/seven/vertical-tabs.css b/core/themes/seven/vertical-tabs.css
index 9c6eaf40ec11..9d63396499bd 100644
--- a/core/themes/seven/vertical-tabs.css
+++ b/core/themes/seven/vertical-tabs.css
@@ -17,7 +17,7 @@
   border-bottom: 1px solid #ccc;
   line-height: 1;
 }
-[dir=rtl] .vertical-tabs-list {
+[dir="rtl"] .vertical-tabs-list {
   float: right;
   margin: 0 0 -1px -100%;
 }
@@ -34,7 +34,7 @@
   border-right: 1px solid #fcfcfa; /* LTR */
   box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
 }
-[dir=rtl] .vertical-tab-button.selected {
+[dir="rtl"] .vertical-tab-button.selected {
   border-left: 1px solid #fcfcfa;
   border-right: none;
 }
@@ -76,7 +76,7 @@ html.js .vertical-tabs-panes {
   padding: 10px 15px 10px 15px;
   border-left: 1px solid #a6a5a1; /* LTR */
 }
-html.js[dir=rtl] .vertical-tabs-panes {
+html.js[dir="rtl"] .vertical-tabs-panes {
   margin: 0 240px 0 0;
   border-left: none;
   border-right: 1px solid #a6a5a1;
diff --git a/core/themes/stark/css/layout.css b/core/themes/stark/css/layout.css
index 9c1ad2fcc599..628a31d88a42 100644
--- a/core/themes/stark/css/layout.css
+++ b/core/themes/stark/css/layout.css
@@ -33,15 +33,15 @@ img {
     width: 67%;
     float: right; /* LTR */
   }
-  [dir=rtl] body.sidebar-first #content,
-  [dir=rtl] body.two-sidebars #content {
+  [dir="rtl"] body.sidebar-first #content,
+  [dir="rtl"] body.two-sidebars #content {
     float: left;
   }
   body.sidebar-second #content {
     width: 67%;
     float: left; /* LTR */
   }
-  [dir=rtl] body.sidebar-second #content {
+  [dir="rtl"] body.sidebar-second #content {
     float: right;
   }
 
@@ -49,7 +49,7 @@ img {
     width: 33%;
     float: left; /* LTR */
   }
-  [dir=rtl] #sidebar-first {
+  [dir="rtl"] #sidebar-first {
     float: right;
   }
 
@@ -57,14 +57,14 @@ img {
     width: 33%;
     float: right; /* LTR */
   }
-  [dir=rtl] #sidebar-second {
+  [dir="rtl"] #sidebar-second {
     float: left;
   }
   body.two-sidebars #sidebar-second {
     clear: both;
     width: 100%;
   }
-  [dir=rtl] body.two-sidebars #sidebar-second {
+  [dir="rtl"] body.two-sidebars #sidebar-second {
     float: right;
     clear: right;
   }
@@ -73,7 +73,7 @@ img {
     float: left; /* LTR */
     width: 33%;
   }
-  [dir=rtl] body.two-sidebars #sidebar-second .block {
+  [dir="rtl"] body.two-sidebars #sidebar-second .block {
     float: right;
   }
   body.two-sidebars #sidebar-second .block:nth-child(3n+1) {
@@ -86,14 +86,14 @@ img {
     width: 100%;
     float: left; /* LTR */
   }
-  [dir=rtl] #content {
+  [dir="rtl"] #content {
     float: right;
   }
   body.sidebar-first #content {
     width: 80%;
     left: 20%; /* LTR */
   }
-  [dir=rtl] body.sidebar-first #content {
+  [dir="rtl"] body.sidebar-first #content {
     left: 0;
     right: 20%;
   }
@@ -104,7 +104,7 @@ img {
     width: 60%;
     left: 20%; /* LTR */
   }
-  [dir=rtl] body.two-sidebars #content {
+  [dir="rtl"] body.two-sidebars #content {
     left: 0;
     right: 20%;
   }
@@ -114,7 +114,7 @@ img {
     float: left; /* LTR */
     left: -80%; /* LTR */
   }
-  [dir=rtl] #sidebar-first {
+  [dir="rtl"] #sidebar-first {
     float: right;
     left: 0;
     right: -80%;
@@ -122,7 +122,7 @@ img {
   body.two-sidebars #sidebar-first {
     left: -60%; /* LTR */
   }
-  [dir=rtl] body.two-sidebars #sidebar-first {
+  [dir="rtl"] body.two-sidebars #sidebar-first {
     left: 0;
     right: -60%;
   }
@@ -131,7 +131,7 @@ img {
     float: right; /* LTR */
     width: 20%;
   }
-  [dir=rtl] #sidebar-second {
+  [dir="rtl"] #sidebar-second {
     float: left;
   }
 }
-- 
GitLab