paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 13:33:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: Use modern color notation.

Browse Source 
postcss-preset-env transpiles this back as necessary.  (It does a
better job than we did, in fact: we had several four-argument hsl()
calls that should have been hsla().)

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2023-03-20 14:08:47 -07:00
parent 4853a9a736
commit d274583d8f
41 changed files with 1623 additions and 1601 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/styles/drafts.css
View File

@@ -1,7 +1,7 @@
.drafts-container {
position: relative;
height: 95%;
background-color: hsl(0, 0%, 100%);
background-color: hsl(0deg 0% 100%);
border-radius: 4px;
padding: 0;
width: 58%;
@@ -21,7 +21,7 @@
padding-top: 4px;
padding-bottom: 8px;
text-align: center;
border-bottom: 1px solid hsl(0, 0%, 87%);
border-bottom: 1px solid hsl(0deg 0% 87%);
& h1 {
margin: 0;
@@ -34,7 +34,7 @@
position: absolute;
top: 10px;
right: 10px;
color: hsl(0, 0%, 67%);
color: hsl(0deg 0% 67%);
cursor: pointer;
.exit-sign {
@@ -58,7 +58,7 @@
margin-top: calc(45vh - 30px - 1.5em);
text-align: center;
font-size: 1.5em;
color: hsl(0, 0%, 67%);
color: hsl(0deg 0% 67%);
pointer-events: none;
}
@@ -66,7 +66,7 @@
display: block;
text-align: center;
font-size: 1em;
color: hsl(0, 0%, 67%);
color: hsl(0deg 0% 67%);
pointer-events: none;
}
@@ -88,11 +88,11 @@
.draft-info-box {
width: 100%;
border: 1px solid hsl(0, 0%, 88%);
border: 1px solid hsl(0deg 0% 88%);
margin-bottom: 10px;
&.active {
outline: 2px solid hsl(215, 47%, 50%);
outline: 2px solid hsl(215deg 47% 50%);
/* this offset ensures no gap between the blue box and the draft in active state */
outline-offset: -1px;
}
@@ -134,7 +134,7 @@
.restore-draft {
cursor: pointer;
margin-right: 5px;
color: hsl(170, 48%, 54%);
color: hsl(170deg 48% 54%);
opacity: 0.7;
&:hover {
@@ -145,7 +145,7 @@
.delete-draft {
cursor: pointer;
margin-left: 5px;
color: hsl(357, 52%, 57%);
color: hsl(357deg 52% 57%);
opacity: 0.7;
&:hover {