Mirrors/cloudcmd
1
0
Fork 0
mirror of https://github.com/coderaiser/cloudcmd.git synced 2026-01-23 02:35:49 +00:00
Code Issues Projects Releases Wiki Activity

chore(css) add custom variables: --color, --color-transparent

Browse source
This commit is contained in:
coderaiser 2019-12-30 12:08:39 +02:00
parent 03cfca8a4b
commit aeb6f76611
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/query.css
View file

@ -99,7 +99,7 @@
/* текущий файл под курсором */
.current-file {
background-color: rgba(49, 123, 249, .40);
background-color: var(--color-transparent);
color: white;
}
/* делаем иконки под курсом белыми */

13
css/style.css
View file

@ -1,3 +1,8 @@
:root {
--color: rgba(49, 123, 249);
--color-transparent: rgba(49, 123, 249, 0.4);
}
html {
height : 94%;
}
@ -42,7 +47,7 @@ body, pre, code {
.panel, .cmd-button {
border: 1px solid;
border-color: rgba(49, 123, 249, 0.4);
border-color: var(--color-transparent);
}
.icon {
@ -89,7 +94,7 @@ body, pre, code {
bottom : 5px;
left : 16px;
font-size : 10px;
color : rgb(49, 123, 249);
color : var(--color);
content : attr(data-progress);
}
@ -109,7 +114,7 @@ body, pre, code {
.cmd-button:active {
color: white;
background-color: rgb(49, 123, 249);
background-color: var(--color);
transition: ease 0.1s;
}
@ -159,7 +164,7 @@ a:hover, a:active {
}
.current-file {
box-shadow: 0 0 0 1px rgba(49, 123, 249, 0.4) inset;
box-shadow: 0 0 0 1px var(--color-transparent) inset;
}
.cut-file {

2
css/user-menu.css
View file

@ -8,7 +8,7 @@
}
.cloudcmd-user-menu > option:checked {
box-shadow: 20px -20px 0 2px rgba(49, 123, 249) inset;
box-shadow: 20px -20px 0 2px var(--color) inset;
}
.cloudcmd-user-menu-button {