host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit icon size

Browse source
This commit is contained in:
Paul Nicoué 2023-03-03 12:12:57 +01:00
parent 51fe86d804
commit 3730d53a49
3 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
assets/styles/main.scss
View file

@ -38,8 +38,7 @@
--small-content-width: Min(100%, 60rem);
--regular-icon-size: 2rem;
--regular-icon-wrapper-size: calc(var(--regular-icon-size) + 1rem);
--small-icon-size: var(--text-font-height);
--small-icon-wrapper-size: var(--small-icon-size);
--button-icon-size: var(--text-font-height);
--button-with-icon-gap: 0.5rem;
@ -205,16 +204,16 @@ button {
gap: var(--button-with-icon-gap);
span {
transform: translateX(calc((var(--button-with-icon-gap) + var(--small-icon-size)) / 2));
transform: translateX(calc((var(--button-with-icon-gap) + var(--button-icon-size)) / 2));
transition: transform 200ms ease-in-out;
}
svg {
flex-shrink: 0;
opacity: 0;
width: var(--small-icon-size);
height: var(--small-icon-size);
transform: translateX(calc((var(--button-with-icon-gap) + var(--small-icon-size)) / 2));
width: var(--button-icon-size);
height: var(--button-icon-size);
transform: translateX(calc((var(--button-with-icon-gap) + var(--button-icon-size)) / 2));
transition:
opacity 200ms ease-in-out,
transform 200ms ease-in-out;

2
components/AppFooter.vue
View file

@ -67,7 +67,7 @@
&__logo {
width: auto;
height: var(--small-icon-size);
height: var(--footnote-font-height);
&-background {
fill: var(--primary-color);

4
components/ProjectData.vue
View file

@ -64,8 +64,8 @@
gap: 1rem;
a {
width: var(--small-icon-wrapper-size);
height: var(--small-icon-wrapper-size);
width: var(--text-font-height);
height: var(--text-font-height);
svg {
width: var(--h3-font-size);