g_it/site
g_it/site
1
0
Fork 0
Code Issues Releases 1 Wiki Activity Actions

.

Browse source
This commit is contained in:
g* 2025-06-15 18:43:16 +02:00
commit ec3c1336b6
11 changed files with 159 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

33
docs/src/stylesheets/g.css
View file

@ -251,27 +251,21 @@ article.md-content__inner.md-typeset:after {
*****************************/
/* Fade in content */
.fade-in-up-section {
opacity: 0;
/* Start hidden */
transform: translateY(20px);
/* Start slightly below */
transition: opacity 2s ease-in-out, transform 2s ease-in-out;
/* Transition for both opacity and transform */
}
.fade-in-up-section.visible {
opacity: 1;
/* Fully visible */
transform: translateY(0);
/* Move to original position */
}
.fade-in-up-content {
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
/* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}
/* Career meta-information */
@ -336,7 +330,7 @@ article.md-content__inner.md-typeset:after {
}
.tabbed-content {
background-color: #FAF9F6;
background-color: var(--quarternary-colour);
margin-top: 0;
}
@ -410,7 +404,6 @@ p.blurb {
}
/* Portfolio */
.two-column {
display: grid;
grid-template-columns: repeat(2, 1fr);
@ -421,11 +414,18 @@ p.blurb {
border-bottom: 1px solid var(--quarternary-colour);
.column {
justify-self: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
text-align: left;
.content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
h6 {
font-size: max(calc(var(--text-variable-size) + 5px), calc(var(--text-min-size) + 2px));
color: var(--primary-colour);
@ -440,12 +440,23 @@ p.blurb {
}
}
div.md-typeset__table table {
font-family: var(--secondary-font);
font-size: max(calc(var(--text-variable-size) + 3px), calc(var(--text-min-size) + 2px)) !important;
thead {
font-weight: bold;
font-size: max(calc(var(--text-variable-size) + 7px), calc(var(--text-min-size) + 2px)) !important;
background-color: var(--quarternary-colour);
}
}
/*****************************
* STATUS
*****************************/
div.status-green {
background-color: #007a5a;
background-color: var(--green);
color: var(--background-colour);
border-radius: 5px;
padding: 5px 15px;