adrian/hugo-theme-re-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: rgba to color-mix with transparent

Browse Source
This commit is contained in:
Mirus 2024-07-31 16:53:44 +03:00
parent 0b876f44e8
commit 58e5516a10
7 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/buttons.scss
View File

@ -26,7 +26,7 @@ a.button {
outline: none;
&:hover {
background: rgba(var(--accent), 0.1);
background: color-mix(in srgb, var(--accent), transparent 10%);
}
/* variants */

2
assets/css/form.scss
View File

@ -27,7 +27,7 @@ select {
}
::placeholder {
color: rgba(var(--accent), 0.5);
color: color-mix(in srgb, var(--accent), transparent 50%);
}
input {

4
assets/css/main.scss
View File

@ -130,7 +130,7 @@ figure {
code, kbd {
font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important;
font-feature-settings: normal;
background: rgba(var(--accent), 0.8);
background: color-mix(in srgb, var(--accent), transparent 80%);
color: var(--accent);
padding: 1px 6px;
margin: 0 2px;
@ -203,7 +203,7 @@ blockquote {
&.twitter-tweet {
position: relative;
background: rgba(var(--accent), 0.9);
background: color-mix(in srgb, var(--accent), transparent 90%);;
font: inherit;
color: inherit;
border: 1px solid var(--accent);

2
assets/css/menu.scss
View File

@ -1,5 +1,5 @@
@mixin menu {
--shadow-color: rgba(var(--background), 0.2);
--shadow-color: color-mix(in srgb, var(--background), transparent 20%);;
display: none;
flex-direction: column;
--shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color);

2
assets/css/pagination.scss
View File

@ -16,7 +16,7 @@
margin: 0 auto;
padding: 5px 10px;
background: var(--background);
color: rgba(var(--color), 0.7);
color: color-mix(in srgb, var(--accent), transparent 70%);;
font-size: .8rem;
text-transform: uppercase;
text-decoration: none;

6
assets/css/post.scss
View File

@ -32,7 +32,7 @@
&-meta {
font-size: 1rem;
margin-bottom: 10px;
color: rgba(var(--accent), 0.3);
color: color-mix(in srgb, var(--accent), transparent 30%);;
& > *:not(:first-child) {
&::before {
@ -121,7 +121,7 @@
}
.hanchor {
color: rgba(var(--accent), 0.1);
color: color-mix(in srgb, var(--accent), transparent 10%);
text-decoration: none;
margin-left: 10px;
visibility: hidden;
@ -132,5 +132,5 @@ h1:hover a, h2:hover a, h3:hover a, h4:hover a {
}
.footnotes {
color: rgba(var(--color), 0.5);
color: color-mix(in srgb, var(--accent), transparent 50%);
}

2
assets/css/syntax.scss
View File

@ -81,7 +81,7 @@ pre[class*="language-"] {
right: 0;
padding: 0;
margin: 0;
background: rgba(var(--line-highlight-mix), 0.92);
background: color-mix(in srgb, var(--line-highlight-mix), transparent 92%);
pointer-events: none;
line-height: inherit;
white-space: pre;