zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-10-09 13:18:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Consistently format CSS color and opacity values

Browse Source 
- Prefer the modern comma-free CSS color function syntax over the
  legacy syntax. [1]
- Explicitly use the `deg` suffix for angle values in colors, to
  clarify the range.
- Explicitly use the `%` suffix for percentages instead of formatting
  the value as a number, again to clarify the range.

[1]: https://twitter.com/mathias/status/1253242715304857601
[2]: https://goo.gle/devtools-css-color

Bug: chromium:1083142
Fixed: chromium:1073885
Change-Id: I8e1582a2dee3553a61df88564051ea84c2011d76
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2209091
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Auto-Submit: Mathias Bynens <mathias@chromium.org>
This commit is contained in:
Mathias Bynens
2020-05-19 16:50:26 +00:00
committed by Commit Bot
parent 59656a8add
commit ca9fa2d73f
131 changed files with 775 additions and 770 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front_end/sources/javaScriptBreakpointsSidebarPane.css
+4 -4
View File
@@ -34,16 +34,16 @@
.breakpoints-list-deactivated {
background-color: #eee;
opacity: 0.3;
opacity: 30%;
}
.breakpoint-hit {
background-color: rgb(255, 255, 194);
border-right: 3px solid rgb(107, 97, 48);
background-color: rgb(255 255 194);
border-right: 3px solid rgb(107 97 48);
}
:host-context(.-theme-with-dark-background) .breakpoint-hit {
background-color: hsl(46, 98%, 22%);
background-color: hsl(46deg 98% 22%);
color: #ccc;
}