mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-13 19:13:42 +02:00
Victor Westerlund
0cd5d11cd8
commit 17b429555fceefc9c3500ddee4da8c6902d9674a
Author: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Tue Dec 28 01:00:11 2021 +0100
Optimize assets and pages
commit c05e4bb5eabd9ef2b96eccb347cc0399cb6869f8
Author: Victor Westerlund <victor@victorwesterlund.com>
Date: Tue Dec 14 18:06:52 2021 +0100
Add noopener link type
Prevents Spotify from accessing the window object of victorwesterlund.com.
I think sending the referrer header is fine so noreferrer is not needed
commit cc3cca09ac02cc0bf45204bbe52dcc20ee10a2eb
Author: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Sun Dec 12 15:56:05 2021 +0100
Add desktop style
Added the desktop overrides as media queries for a mobile-first approach. Also added the "more" and "contact" pages.
commit de6f30a7c2525e5bb7a31a55f11a40fc33347f85
Author: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Sun Dec 12 14:46:21 2021 +0100
New content and CSS refactor
Content template for "more" and major CSS refactor
51 lines
No EOL
1,010 B
CSS
51 lines
No EOL
1,010 B
CSS
main {
|
|
align-self: start;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
}
|
|
|
|
#search {
|
|
width: 100%;
|
|
height: 80px;
|
|
color: rgb(var(--color-background));
|
|
background-color: rgb(var(--color-contrast));
|
|
}
|
|
|
|
input[type="search"] {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 18px;
|
|
color: inherit;
|
|
padding: 0 calc(var(--padding) * 2);
|
|
background-color: transparent;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
input[type="search"]::selection {
|
|
color: rgb(var(--color-contrast));
|
|
background-color: rgb(var(--color-background));
|
|
}
|
|
|
|
input[type="search"]::placeholder {
|
|
color: rgba(var(--color-background),.4);
|
|
}
|
|
|
|
#results {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 0 var(--padding);
|
|
}
|
|
|
|
/* -- Media Queries -- */
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#search {
|
|
color: rgb(var(--color-contrast));
|
|
background-color: rgba(var(--color-contrast),.15);
|
|
}
|
|
|
|
input[type="search"]::placeholder {
|
|
color: rgba(var(--color-contrast),.4);
|
|
}
|
|
} |