stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove favicon and logo assets and update button styling

Browse source 
Refactor button styles into reusable component Update navigation to use
button component Move logo to assets directory
This commit is contained in:
Ruben 2025-10-02 23:35:53 +02:00
parent 6b94f63133
commit ea6a97b6cb
6 changed files with 50 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

58
custom/styles/base.css
View file

@ -91,24 +91,9 @@ header {
margin-top: .4rem;
padding: 0;
justify-content: flex-end;
/* align-self: end; */
a {
text-decoration: none;
color: white;
border-radius: 1rem;
background-color: var(--color-grey);
padding: 0.35rem 1rem;
margin-left:0.4rem;
margin-top:0.4rem;
&:hover, &.active {
background-color: var(--color-green);
color: white;
}
&:focus {
outline: .1rem var(--color-green) solid;
color: var(--color-grey);
background-color: white;
}
}
}
}
@ -132,6 +117,49 @@ main {
/* FOOTER */
/* BUTTONS */
.button {
display: inline-block;
text-decoration: none;
border-radius: 1rem;
padding: 0.35rem 1rem;
background-color: var(--color-grey);
color: white;
&:hover, &.active {
background-color: var(--color-green);
color: white;
}
&:focus {
outline: 0.1rem var(--color-green) solid;
color: var(--color-grey);
background-color: white;
}
&.inverted {
background-color: white;
color: var(--color-grey);
&:hover, &.active {
background-color: var(--color-green-light);
color: var(--color-green);
}
&:focus {
outline: 0.1rem white solid;
color: white;
background-color: var(--color-grey);
}
}
&.bigger {
font-size: 1.2em;
padding: calc(0.35rem * 1.2) calc(1rem * 1.2);
border-radius: calc(1rem * 1.2);
}
}
footer {
color: var(--color-green-light);
a {