From e3f9cdcf704715bed2e9f2df917609b23d01abf6 Mon Sep 17 00:00:00 2001 From: Volker E Date: Sun, 29 Sep 2019 23:36:58 -0700 Subject: [PATCH] Variablize all `color` property values Also going with `--modifier` naming scheme when direct pseudo-class modifying variable. And fixing small typo. Change-Id: Ife2f9dc9cb57c063a43e4b3dfad3c737aaf3b72b --- components/navigation.less | 2 +- components/search.less | 4 ++-- components/tabs.less | 2 +- variables.less | 4 +++- 4 files changed, 7 insertions(+), 5 deletions(-) diff --git a/components/navigation.less b/components/navigation.less index 9157a2f3d..bf9b85008 100644 --- a/components/navigation.less +++ b/components/navigation.less @@ -114,7 +114,7 @@ color: @color-link; &:visited { - color: @color-link-visited; + color: @color-link--visited; } } } diff --git a/components/search.less b/components/search.less index d333f680a..31c31db67 100644 --- a/components/search.less +++ b/components/search.less @@ -29,10 +29,10 @@ // Styles for both the search input and the button. input { - // Support IE6-8:; Fallback for browsers, which don't support `rgba()`. + // Support IE6-8: Fallback for browsers, which don't support `rgba()`. background-color: @background-color-base; background-color: rgba( 0, 0, 0, 0 ); - color: #000; + color: @color-base--emphasized; margin: 0; } } diff --git a/components/tabs.less b/components/tabs.less index 220bc6e5f..444425a5b 100644 --- a/components/tabs.less +++ b/components/tabs.less @@ -44,7 +44,7 @@ &.new { a, a:visited { - color: #a55858; + color: @color-link-new; } } diff --git a/variables.less b/variables.less index 5a04c72a9..e84af2db3 100644 --- a/variables.less +++ b/variables.less @@ -11,8 +11,10 @@ // Page content @background-color-base: #fff; @color-base: #222; +@color-base--emphasized: #000; @color-link: #0645ad; -@color-link-visited: #0b0080; +@color-link--visited: #0b0080; +@color-link-new: #a55858; @color-link-selected: @color-base; @font-size-base: unit( 14 / @font-size-browser, em ); // Equals `0.875em`.