1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
portfolio/src/components/LogoUnit/index.module.css

62 lines
862 B
CSS

.logounit {
pointer-events: none;
display: block;
}
.logo {
display: block;
width: 1.5rem;
height: 1.5rem;
fill: var(--text-color-light);
margin-bottom: calc(var(--spacer) / 2);
margin-left: auto;
margin-right: auto;
}
.title,
.description {
display: inline-block;
margin-bottom: 0;
}
.title {
font-size: var(--font-size-h3);
margin-right: calc(var(--spacer) / 4);
}
.description {
font-size: var(--font-size-h4);
color: var(--text-color);
}
.description::before,
.description::after {
opacity: 0.4;
}
.description::before {
content: '{ ';
}
.description::after {
content: ' }';
}
.small {
pointer-events: all;
}
.small .title {
font-size: var(--font-size-h5);
}
.small .description {
font-size: var(--font-size-h6);
}
.small .logo {
width: 1rem;
height: 1rem;
margin-bottom: calc(var(--spacer) / 4);
}