aron/awebsite
aron/awebsite
1
0
Fork 0
Code Issues Pull requests Wiki Activity Actions

Added and internalized Pico theme for customization

Browse source
This commit is contained in:
Aron Petau 2025-04-29 20:02:54 +02:00
parent 8e7f72ce8b
commit 8c90bb2dfc
71 changed files with 4587 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

98
themes/pico/sass/css/_icons.scss Normal file
View file

@ -0,0 +1,98 @@
.icon-search {
mask: url('../icons/search.svg');
}
.icon-github {
mask: url('../icons/github.svg');
}
.footer {
&.icon {
display: inline-block;
width: 1.2em;
height: 1.2em;
vertical-align: middle;
margin-left: .2em;
}
}
.post-list {
&.icon {
display: inline-block;
width: .8em;
height: .8em;
vertical-align: middle;
margin-left: .25em;
color: var(--main-color);
filter: opacity(0.6);
}
}
.head {
&.icon {
width: 1.4em;
height: 1.4em;
vertical-align: middle;
display: inline-block;
margin-left: .2em;
margin-right: .2em;
}
}
.shares {
&.icon {
width: 2em;
height: 2em;
}
}
.icon-gh {
mask: url('../icons/gh.svg');
}
.icon-linkedin {
mask: url('../icons/linkedin.svg');
}
.icon-fb {
mask: url('../icons/fb.svg');
}
.icon-wa {
mask: url('../icons/wa.svg');
}
.icon-tg {
mask: url('../icons/tg.svg');
}
.icon-dark {
mask: url('../icons/dark.svg');
cursor: pointer;
}
.icon-light {
mask: url('../icons/light.svg');
cursor: pointer;
}
.closeBtn {
margin: .5em;
mask: url('../icons/close.svg');
cursor: pointer;
&.icon {
height: 1.5em;
width: 1.5em;
// padding: 1em;
:hover {
fill: var(--hover-color);
}
}
}
.icon-time {
mask: url('../icons/time.svg');
}
.icon {
display: inline-block;
background: var(--main-color);
mask-size: cover;
}
.icon:hover,
.icon:focus {
background: var(--hover-color);
}
.icon-time:hover,
.icon-search:hover,
.icon-search:focus {
background: var(--main-color);
}