me/website
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update how about info retrieved

Browse Source
This commit is contained in:
Matthew Grove
2024-06-10 19:16:13 +01:00
parent 2ee338c381
commit feb3b59400
5 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/style.css
View File

@@ -33,15 +33,15 @@
hsla(240, 1%, 18%, 0.251) 0%,
hsla(240, 2%, 11%, 0) 100%
), hsl(240, 2%, 13%);
--bg-gradient-yellow-1: linear-gradient(
--bg-gradient-primary-1: linear-gradient(
to bottom right,
hsl(45, 100%, 71%) 0%,
hsla(36, 100%, 69%, 0) 50%
var(--secondary-color) 0%,
hsla(357, 100%, 72%, 0) 50%
);
--bg-gradient-yellow-2: linear-gradient(
--bg-gradient-primary-2: linear-gradient(
135deg,
hsla(45, 100%, 71%, 0.251) 0%,
hsla(35, 100%, 68%, 0) 59.86%
hsla(357, 92%, 63%, 0.251) 0%,
hsla(357, 100%, 72%, 0) 59.86%
), hsl(240, 2%, 13%);
--border-gradient-onyx: linear-gradient(
to bottom right,
@@ -49,9 +49,9 @@
hsla(0, 0%, 25%, 0) 50%
);
--text-gradient-yellow: linear-gradient(
to right,
hsl(45, 100%, 72%),
hsl(35, 100%, 68%)
to right,
var(--primary-color),
var(--secondary-color)
);
--text-gradient-primary: linear-gradient(
to right,
@@ -401,10 +401,10 @@ main {
}
.info_more-btn:hover,
.info_more-btn:focus { background: var(--bg-gradient-yellow-1); }
.info_more-btn:focus { background: var(--bg-gradient-primary-1); }
.info_more-btn:hover::before,
.info_more-btn:focus::before { background: var(--bg-gradient-yellow-2); }
.info_more-btn:focus::before { background: var(--bg-gradient-primary-2); }
.info_more-btn span { display: none; }
@@ -1232,9 +1232,9 @@ textarea.form-input::-webkit-resizer { display: none; }
.form-btn ion-icon { font-size: 16px; }
.form-btn:hover { background: var(--bg-gradient-yellow-1); }
.form-btn:hover { background: var(--bg-gradient-primary-1); }
.form-btn:hover::before { background: var(--bg-gradient-yellow-2); }
.form-btn:hover::before { background: var(--bg-gradient-primary-2); }
.form-btn:disabled {
opacity: 0.7;

2
assets/js/script.js
View File

@@ -61,7 +61,7 @@ const selectItems = document.querySelectorAll("[data-select-item]");
const selectValue = document.querySelector("[data-selecct-value]");
const filterBtn = document.querySelectorAll("[data-filter-btn]");
select.addEventListener("click", function () { elementToggleFunc(this); });
if (select) select.addEventListener("click", function () { elementToggleFunc(this); });
// add event in all select items
for (let i = 0; i < selectItems.length; i++) {