W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2017

Re: [csswg-drafts] [css-ui] Two different colours for a "double" style outline

From: David MacDonald via GitHub <sysbot+gh@w3.org>
Date: Fri, 07 Apr 2017 17:27:50 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-292600075-1491586068-sysbot+gh@w3.org>
OK I see... sorry I missed the linked text above. Actually the MOZ border idea is perhaps better than our double outline idea. But they will both accomplish the purpose. There are two ways I could see it working:

1. allowing solid outlines to have multiple colours like MOZ. (preferred)
2. allowing double outlines to have 2 different colour (outer, inner)

# Using the moz example:
```
  outline: 3px solid black;
  -top-colors:  #ffffff #00000 #ffffff ;
  -right-colors:   #ffffff #00000 #ffffff ;
  -bottom-colors:   #ffffff #00000 #ffffff;
  -left-colors:  #ffffff #00000 #ffffff;
}
```
This ensures if this outline is applied to the focus ring, the black border will ALWAYS have white around it, and will always be visible regardless of the colour of the control
# Using the double outline with two different colors (outer, inner)
```
  outline: 3px double;
  -double-outer-color: #00000  ;
 -double-inner-color: #ffffff  ;
}
```
The two colours next to each other.
You guys are masters at creating syntax so you'd probably do much better than I. But yes, this is what we're looking for.

-- 
GitHub Notification of comment by DavidMacDonald
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1172#issuecomment-292600075 using your GitHub account
Received on Friday, 7 April 2017 17:27:56 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:11 UTC