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; outline: none;
&:hover { &:hover {
background: rgba(var(--accent), 0.1); background: color-mix(in srgb, var(--accent), transparent 10%);
} }
/* variants */ /* variants */

2
assets/css/form.scss
View File

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

4
assets/css/main.scss
View File

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

2
assets/css/menu.scss
View File

@ -1,5 +1,5 @@
@mixin menu { @mixin menu {
--shadow-color: rgba(var(--background), 0.2); --shadow-color: color-mix(in srgb, var(--background), transparent 20%);;
display: none; display: none;
flex-direction: column; flex-direction: column;
--shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color); --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; margin: 0 auto;
padding: 5px 10px; padding: 5px 10px;
background: var(--background); background: var(--background);
color: rgba(var(--color), 0.7); color: color-mix(in srgb, var(--accent), transparent 70%);;
font-size: .8rem; font-size: .8rem;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;

6
assets/css/post.scss
View File

@ -32,7 +32,7 @@
&-meta { &-meta {
font-size: 1rem; font-size: 1rem;
margin-bottom: 10px; margin-bottom: 10px;
color: rgba(var(--accent), 0.3); color: color-mix(in srgb, var(--accent), transparent 30%);;
& > *:not(:first-child) { & > *:not(:first-child) {
&::before { &::before {
@ -121,7 +121,7 @@
} }
.hanchor { .hanchor {
color: rgba(var(--accent), 0.1); color: color-mix(in srgb, var(--accent), transparent 10%);
text-decoration: none; text-decoration: none;
margin-left: 10px; margin-left: 10px;
visibility: hidden; visibility: hidden;
@ -132,5 +132,5 @@ h1:hover a, h2:hover a, h3:hover a, h4:hover a {
} }
.footnotes { .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; right: 0;
padding: 0; padding: 0;
margin: 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; pointer-events: none;
line-height: inherit; line-height: inherit;
white-space: pre; white-space: pre;