From 5ee3550ebd99f10d1acbf3a0c56ba73f4bf34f72 Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Bellet Date: Wed, 7 Jun 2023 10:49:06 +0200 Subject: [PATCH] Change case to Sentence case CSS property `capitalize` uppercase all first letter of each words. I need to use a small trick with `::first-letter` selector --- app/webpacker/css/admin_v3/components/navigation.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/app/webpacker/css/admin_v3/components/navigation.scss b/app/webpacker/css/admin_v3/components/navigation.scss index 2aeb3a8a30..a7dc2fec5c 100644 --- a/app/webpacker/css/admin_v3/components/navigation.scss +++ b/app/webpacker/css/admin_v3/components/navigation.scss @@ -75,7 +75,10 @@ nav.menu { display: block; padding: 25px 5px; color: $color-1 !important; - text-transform: uppercase; + text-transform: lowercase; + &::first-letter { + text-transform: uppercase; + } position: relative; text-align: center; font-weight: 600; @@ -142,7 +145,10 @@ nav.menu { padding: 12px 20px; color: $color-1; text-align: center; - text-transform: uppercase; + text-transform: lowercase; + &::first-letter { + text-transform: uppercase; + } position: relative; font-size: 85%; }