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

45 lines
1017 B
SCSS

@import 'variables';
.projectTechstack {
ul {
padding: 0;
display: flex;
flex-wrap: wrap;
margin-left: -($spacer / 2);
}
li {
display: flex;
align-items: center;
justify-content: center;
padding: $spacer / 4;
text-align: center;
background: rgba(#fff, .15);
border-radius: .25rem;
border: .05rem solid transparent;
color: $brand-grey-light;
margin-left: $spacer / 2;
margin-bottom: $spacer / 2;
flex: 0 0 calc(50% - #{$spacer / 2});
font-size: $font-size-small;
:global(.dark) & {
background: darken($body-background-color--dark, 1%);
color: $brand-grey;
}
}
}
.title {
font-size: $font-size-h3;
margin-bottom: $spacer * 1.5;
span {
display: block;
margin-top: $spacer / 3;
font-size: $font-size-base;
font-family: $font-family-base;
color: $brand-grey-light;
}
}