deprecate old stuff, "optimize" everything into one css file and cleanup
All checks were successful
/ build (push) Successful in 33s
All checks were successful
/ build (push) Successful in 33s
This commit is contained in:
parent
775562bbfc
commit
91168062a1
18 changed files with 228 additions and 432 deletions
222
styles/base.css
222
styles/base.css
|
|
@ -126,6 +126,7 @@
|
|||
--pagefind-ui-background: var(--background);
|
||||
--pagefind-ui-border: var(--accent);
|
||||
--pagefind-ui-tag: var(--background);
|
||||
--site-border: .1rem solid var(--border);
|
||||
}
|
||||
|
||||
/* ----------------------------------
|
||||
|
|
@ -244,19 +245,6 @@ h1 a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
/* the dot */
|
||||
.dot {
|
||||
display: inline-flex;
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
background-color: var(--foreground);
|
||||
border-radius: 100%;
|
||||
vertical-align: middle;
|
||||
margin-left: .2rem;
|
||||
margin-right: .2rem;
|
||||
margin-bottom: .1rem;
|
||||
}
|
||||
|
||||
/* Dashed border */
|
||||
hr.dashed {
|
||||
border-top: .1rem dashed var(--border);
|
||||
|
|
@ -930,6 +918,22 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes opacity-blink {
|
||||
0% { opacity: 0% }
|
||||
5% { opacity: 100% }
|
||||
45% { opacity: 100% }
|
||||
50% { opacity: 0% }
|
||||
100% { opacity: 0% }
|
||||
}
|
||||
|
||||
@keyframes opacity-blink-reverse {
|
||||
0% { opacity: 100% }
|
||||
5% { opacity: 0% }
|
||||
45% { opacity: 0% }
|
||||
50% { opacity: 100% }
|
||||
100% { opacity: 100% }
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------
|
||||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
|
@ -1355,6 +1359,197 @@ html[data-theme="dark"] {
|
|||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
||||
/* ╭─────────────────────────────────────╮
|
||||
/ │ /\/| │
|
||||
/ │ |/\/___ _ __ ___ _____ ___ _ │
|
||||
/ │ / __| '_ \ / _ \/ _ \ \/ / | | | │
|
||||
/ │ \__ \ | | | __/ __/> <| |_| | │
|
||||
/ │ |___/_| |_|\___|\___/_/\_\\__, | │
|
||||
/ │ |___/ │
|
||||
/ ╰─────────────────────────────────────╯
|
||||
/ ~sneexy - breeeep! my page! slooosh~ */
|
||||
|
||||
/* my page has goop in html to set goopy colors */
|
||||
html[page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
width: 40rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
h1 #pfp {
|
||||
width: auto;
|
||||
height: 6rem;
|
||||
|
||||
vertical-align: middle;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
h1 #pfp:hover {
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
display: grid;
|
||||
padding-top: 5px;
|
||||
grid-template-areas:
|
||||
"pronouns names";
|
||||
div {
|
||||
text-align: left;
|
||||
border-radius: 1em;
|
||||
padding: .7em 1em;
|
||||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
li {
|
||||
padding-bottom: 6px !important;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
background-color: color-mix(in srgb, var(--yellow) 15%, transparent);
|
||||
border: var(--site-border);
|
||||
}
|
||||
div:last-child {
|
||||
background-color: color-mix(in srgb, var(--sapphire) 15%, transparent);
|
||||
border: var(--site-border);
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* socials and links sections */
|
||||
.socials-contacts-list {
|
||||
a {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: .5rem;
|
||||
|
||||
span {
|
||||
transform: scale(1.58) translateY(.07rem);
|
||||
}
|
||||
}
|
||||
|
||||
.fedi-icon {
|
||||
anchor-name: --fedi-icon;
|
||||
animation: opacity-blink 4s infinite;
|
||||
}
|
||||
|
||||
.fedi-icon-2 {
|
||||
position-anchor: --fedi-icon;
|
||||
position: absolute;
|
||||
margin-left: -3.681rem;
|
||||
z-index: 2;
|
||||
animation: opacity-blink-reverse 4s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
/* sharkey iframe embed */
|
||||
#links > section > iframe {
|
||||
display: flex;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .3crem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
border: var(--accent) solid .15rem !important;
|
||||
border-radius: .6rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
#links > section > iframe:hover {
|
||||
box-shadow: var(--accent) 0px 0px 0px .3rem;
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="light"][page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="dark"][page-is="goopy"] {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
|
||||
/* goop coloring for theme issues stuff */
|
||||
@media (prefers-color-scheme: light) {
|
||||
html[page-is="goopy"] {
|
||||
.nav-baselink, .nav-accessibility {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--foreground) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html[page-is="goopy"] {
|
||||
--accent: #65ff88 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 59em) {
|
||||
html[page-is="goopy"] {
|
||||
#sneexy > section {
|
||||
#logo {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
grid-template-areas:
|
||||
"pronouns"
|
||||
"names";
|
||||
div {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
ul {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
div:first-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
div:last-child {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.socials-contacts-list {
|
||||
text-align: center;
|
||||
a {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------
|
||||
=======================================================================
|
||||
-------------------------------------------------------------------- */
|
||||
|
||||
/* ╭──────────────────────────────────────────────╮
|
||||
/ │ _ _ _ │
|
||||
/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │
|
||||
|
|
@ -1386,6 +1581,7 @@ details.notebook.article-category {
|
|||
padding: 1rem;
|
||||
margin: 1.4rem;
|
||||
border-radius: 1rem;
|
||||
border: .1rem solid var(--border);
|
||||
background-color: var(--background);
|
||||
|
||||
h2 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue