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

61
themes/pico/sass/css/_callout.scss Normal file
View file

@ -0,0 +1,61 @@
.co-container {
margin: 0 auto;
position: relative;
padding-top: 1em;
padding-bottom: 1em;
.callout {
a:hover {
color: var(--hover-color);
}
background-color: var(--code-bg-color);
width: 80%;
margin: 0 auto;
position: relative;
padding: .6em;
* {
padding: 0;
margin: 0;
color: var(--co-icon)
}
.co-body {
line-height: 1.5em;
font-size: 1em;
}
.co-img {
float: left;
text-align: right;
padding-right: 1em;
height: 1em;
vertical-align: middle;
display: inline-block;
svg {
height: 1.3em;
width: 1.3em;
fill: var(--font-color);
vertical-align: middle;
display: inline-block;
}
}
&.warning {
border: 1px solid var(--co-warning);
border-left: 8px solid var(--co-warning);
svg {
fill: var(--co-warning)
}
}
&.alert {
border: 1px solid var(--co-alert);
border-left: 8px solid var(--co-alert);
svg {
fill: var(--co-alert)
}
}
&.info {
border: 1px solid var(--co-info);
border-left: 8px solid var(--co-info);
svg {
fill: var(--co-info)
}
}
}
}