alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge pull request #24 from welpo/style/no-image-border

Browse Source 
Style/no image border
This commit is contained in:
Óscar 2023-02-10 02:42:45 +01:00 committed by GitHub
commit 1c27ef4c4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sass/main.scss
View File

@ -41,7 +41,6 @@
--meta-color: rgb(53, 53, 53); --meta-color: rgb(53, 53, 53);
--accent-color: #aacb73; --accent-color: #aacb73;
} }
[data-theme='dark'] { [data-theme='dark'] {
--bg-0: #818181; --bg-0: #818181;
--bg-1: rgba(133, 133, 133, 0.5); --bg-1: rgba(133, 133, 133, 0.5);
@ -60,7 +59,12 @@
--input-color: #294797; --input-color: #294797;
--meta-color: rgb(198, 197, 197); --meta-color: rgb(198, 197, 197);
--accent-color: #ff9a8c; --accent-color: #ff9a8c;
.invertable-image {
filter: invert(1);
}
} }
html { html {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--text-color); color: var(--text-color);
@ -138,6 +142,10 @@ h5 {
font-weight: bold; font-weight: bold;
} }
img {
border: none;
}
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.content { .content {
max-width: var(--normal-layout-width); max-width: var(--normal-layout-width);

1
templates/shortcodes/invertable_image.html Normal file
View File

@ -0,0 +1 @@
<img class="invertable-image" {% if src %}src="{{ src }}"{% endif %} {% if alt %}alt="{{ alt }}"{% endif %}/>