src/optionsPage/components/Header/index.module.scss
@import "../../styles/mixins";
.wrapper {
@include section-panel;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.extensionName {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
}
.distro {
display: flex;
column-gap: 1rem;
}
.logoImage {
height: 6rem;
margin-right: 1.5rem;
}
.logotype {
font-size: 2.5rem;
}
.section {
text-align: center;
margin-bottom: 1rem;
&:last-child {
margin-bottom: 0.5rem;
}
}
.sectionHeading {
@include bold;
margin-bottom: 0.5rem;
}
.linkWithIcon {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0;
margin-bottom: 0.5rem;
color: var(--color-text-default);
}
.linkWithIconIcon {
width: 1.5rem;
height: 1.5rem;
margin-right: 0.3rem;
fill: var(--color-text-default);
}