diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css
index 7d7f15b..20f807b 100644
--- a/src/main/gtk-3.0/gtk-dark-solid.css
+++ b/src/main/gtk-3.0/gtk-dark-solid.css
@@ -8005,7 +8005,7 @@ headerbar.titlebar > box.horizontal > entry.pathbar {
   margin-bottom: 0;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) {
   min-height: 0;
   margin-top: 8px;
   margin-bottom: 8px;
@@ -8016,41 +8016,41 @@ headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-head
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:not(:checked):not(:active) {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):not(:checked):not(:active) {
   background-clip: padding-box;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:hover {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):hover {
   color: #f8f8f8;
   background-color: rgba(253, 253, 253, 0.1);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:active {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):active {
   color: #FDFDFD;
   background-color: rgba(253, 253, 253, 0.25);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:checked {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):checked {
   color: #FDFDFD;
   background-color: rgba(253, 253, 253, 0.12);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:disabled, label:disabled headerbar.titlebar > selection:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) {
   color: rgba(253, 253, 253, 0.6);
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:backdrop {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):backdrop {
   opacity: 0.7;
   background-image: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr + button.image-button.toggle {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) + button.image-button.toggle {
   margin-right: -5px;
 }
 
diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css
index 87fb69a..80879f1 100644
--- a/src/main/gtk-3.0/gtk-dark.css
+++ b/src/main/gtk-3.0/gtk-dark.css
@@ -8001,7 +8001,7 @@ headerbar.titlebar > box.horizontal > entry.pathbar {
   margin-bottom: 0;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) {
   min-height: 0;
   margin-top: 8px;
   margin-bottom: 8px;
@@ -8012,41 +8012,41 @@ headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-head
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:not(:checked):not(:active) {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):not(:checked):not(:active) {
   background-clip: padding-box;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:hover {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):hover {
   color: #f8f8f8;
   background-color: rgba(253, 253, 253, 0.1);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:active {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):active {
   color: #FDFDFD;
   background-color: rgba(253, 253, 253, 0.25);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:checked {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):checked {
   color: #FDFDFD;
   background-color: rgba(253, 253, 253, 0.12);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:disabled, label:disabled headerbar.titlebar > selection:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) {
   color: rgba(253, 253, 253, 0.6);
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:backdrop {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):backdrop {
   opacity: 0.7;
   background-image: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr + button.image-button.toggle {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) + button.image-button.toggle {
   margin-right: -5px;
 }
 
diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css
index 9e0cae2..4bfbef2 100644
--- a/src/main/gtk-3.0/gtk-light-solid.css
+++ b/src/main/gtk-3.0/gtk-light-solid.css
@@ -8034,7 +8034,7 @@ headerbar.titlebar > box.horizontal > entry.pathbar {
   margin-bottom: 0;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) {
   min-height: 0;
   margin-top: 8px;
   margin-bottom: 8px;
@@ -8048,41 +8048,41 @@ headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-head
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:not(:checked):not(:active) {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):not(:checked):not(:active) {
   background-clip: padding-box;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:hover {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):hover {
   color: #525252;
   background-color: rgba(87, 87, 87, 0.1);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:active {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):active {
   color: #575757;
   background-color: rgba(87, 87, 87, 0.25);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:checked {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):checked {
   color: #575757;
   background-color: rgba(87, 87, 87, 0.12);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:disabled, label:disabled headerbar.titlebar > selection:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) {
   color: rgba(87, 87, 87, 0.6);
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:backdrop {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):backdrop {
   opacity: 0.7;
   background-image: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr + button.image-button.toggle {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) + button.image-button.toggle {
   margin-right: -6px;
 }
 
diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css
index 789437a..be3b315 100644
--- a/src/main/gtk-3.0/gtk-light.css
+++ b/src/main/gtk-3.0/gtk-light.css
@@ -8030,7 +8030,7 @@ headerbar.titlebar > box.horizontal > entry.pathbar {
   margin-bottom: 0;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) {
   min-height: 0;
   margin-top: 8px;
   margin-bottom: 8px;
@@ -8044,41 +8044,41 @@ headerbar.titlebar > button.flat.image-button.toggle:dir-ltr, .raven .raven-head
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:not(:checked):not(:active) {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):not(:checked):not(:active) {
   background-clip: padding-box;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:hover {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):hover {
   color: #525252;
   background-color: rgba(87, 87, 87, 0.1);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:active {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):active {
   color: #575757;
   background-color: rgba(87, 87, 87, 0.25);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:checked {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):checked {
   color: #575757;
   background-color: rgba(87, 87, 87, 0.12);
   background-image: none;
   box-shadow: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:disabled, label:disabled headerbar.titlebar > selection:dir-ltr {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) {
   color: rgba(87, 87, 87, 0.6);
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr:backdrop {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr):backdrop {
   opacity: 0.7;
   background-image: none;
 }
 
-headerbar.titlebar > button.flat.image-button.toggle:dir-ltr + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir-ltr + button.image-button.toggle {
+headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:dir(ltr) + button.image-button.toggle {
   margin-right: -6px;
 }
 
diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss
index 235d54e..886505d 100644
--- a/src/sass/gtk/_applications.scss
+++ b/src/sass/gtk/_applications.scss
@@ -3683,7 +3683,7 @@ headerbar.titlebar {
     margin-bottom: 0;
   }
 
-  > button.flat.image-button.toggle:dir-ltr {
+  > button.flat.image-button.toggle:dir(ltr) {
     min-height: 0;
     margin-top: 8px;
     margin-bottom: 8px;