From 2bcc4022f00364b1917e0ca1f3bc5073d435a38e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Tue, 20 Aug 2019 08:38:30 +0200
Subject: [PATCH] scss: use gray outline for radio/checkboxes if border is
 transparent (#35466)

---
 static/includes/_forms.scss | 6 ++++++
 static/includes/_utils.scss | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index 54effe7e..416c5880 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -197,6 +197,9 @@ input[type="radio"] {
 		@if $widget-focus-outline == none {
 			outline: $widget-border;
 			outline-style: dotted;
+			@if extract-color($widget-border) == transparent {
+				outline-color: #444;
+			}
 		} @else {
 			outline: $widget-focus-outline;
 			outline-offset: $widget-focus-outline-offset;
@@ -401,6 +404,9 @@ div.select2-search {
 			&:focus + span {
 				@if $widget-focus-outline == none {
 					outline: $widget-border;
+					@if extract-color($widget-border) == transparent {
+						outline-color: #444;
+					}
 					outline-style: dotted;
 				} @else {
 					outline: $widget-focus-outline;
diff --git a/static/includes/_utils.scss b/static/includes/_utils.scss
index 2f390f2d..49fd760c 100644
--- a/static/includes/_utils.scss
+++ b/static/includes/_utils.scss
@@ -22,3 +22,8 @@ $black: #000000 !default;
 		@return $white;
 	}
 }
+
+@function extract-color($border){
+	@each $part in $border { @if type-of($part) == color { @return $part; } }
+	@return null;
+}