commit cb9c6864e197657fabf8cfb439180a77d088bf9c
parent 745a8fc3dee03304e74fb2ee302baff112d8aa70
Author: Sergej Orlov <wladimirych@gmail.com>
Date: Mon, 2 Jul 2018 13:16:12 +0300
[contextmenu] refactor style -- set gray in percents
Diffstat:
1 file changed, 8 insertions(+), 10 deletions(-)
diff --git a/src/lib/contextmenu/contextmenu.css b/src/lib/contextmenu/contextmenu.css
@@ -1,6 +1,6 @@
.contextmenu {
position: fixed;
- background-color: #fff;
+ background-color: white;
font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
box-shadow: 0 1px 7px rgba(0,0,0,0.4);
-webkit-border-radius: 4px;
@@ -14,7 +14,7 @@
.contextmenu .item {
display: block;
- color: #222;
+ color: hsl(0, 0%, 15%);
font-size: 12px;
line-height: 16px;
height: 16px;
@@ -26,30 +26,28 @@
}
.contextmenu .item:hover {
- background-color: #f4f4f4;
- border-top: 1px solid #f0f0f0;
- border-bottom: 1px solid #f0f0f0;
+ background-color: hsl(0, 0%, 95%);
}
.contextmenu .separator span {
background-color: white;
padding: 0 0.2em;
- color: #888;
+ color: hsl(0, 0%, 50%);
margin: 0 1em;
}
.contextmenu .separator {
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid hsl(0, 0%, 80%);
text-align: center;
width: 100%;
- line-height: 1px;
+ line-height: 0;
margin: 8px 0;
}
.contextmenu .disabled {
- color: #aaa;
+ color: hsl(0, 0%, 66%);
}
.contextmenu .header {
- color: #555555;
+ color: hsl(0, 0%, 20%);
font-weight: bold;
}
\ No newline at end of file