Renamed repo-img- to only- to allow setting images for only one theme (#2886)
Closes #930. We already had classes for this kind of feature, but it was used specifically for repository information. Just renamed the classes so it is clear how they can be used. To use them with markdown, just do it like this: ```markdown {: .only-light} {: .only-dark} ``` and with html: ```html <img class="only-light" src="assets/img/prof_pic_color.png" > <img class="only-dark" src="assets/img/prof_pic.jpg" > ``` Signed-off-by: George Araújo <george.gcac@gmail.com>
This commit is contained in:
parent
e452f1a60f
commit
a9da28e256
@ -14,12 +14,12 @@
|
|||||||
<div class="repo p-2 text-center">
|
<div class="repo p-2 text-center">
|
||||||
<a href="https://github.com/{{ include.repository }}">
|
<a href="https://github.com/{{ include.repository }}">
|
||||||
<img
|
<img
|
||||||
class="repo-img-light w-100"
|
class="only-light w-100"
|
||||||
alt="{{ include.repository }}"
|
alt="{{ include.repository }}"
|
||||||
src="https://github-readme-stats.vercel.app/api/pin/?username={{ repo_url[0] }}&repo={{ repo_url[1] }}&theme={{ site.repo_theme_light }}&show_owner={{ show_owner }}&description_lines_count={{ max_lines }}"
|
src="https://github-readme-stats.vercel.app/api/pin/?username={{ repo_url[0] }}&repo={{ repo_url[1] }}&theme={{ site.repo_theme_light }}&show_owner={{ show_owner }}&description_lines_count={{ max_lines }}"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="repo-img-dark w-100"
|
class="only-dark w-100"
|
||||||
alt="{{ include.repository }}"
|
alt="{{ include.repository }}"
|
||||||
src="https://github-readme-stats.vercel.app/api/pin/?username={{ repo_url[0] }}&repo={{ repo_url[1] }}&theme={{ site.repo_theme_dark }}&show_owner={{ show_owner }}&description_lines_count={{ max_lines }}"
|
src="https://github-readme-stats.vercel.app/api/pin/?username={{ repo_url[0] }}&repo={{ repo_url[1] }}&theme={{ site.repo_theme_dark }}&show_owner={{ show_owner }}&description_lines_count={{ max_lines }}"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -2,12 +2,12 @@
|
|||||||
<a href="https://github.com/ryo-ma/github-profile-trophy">
|
<a href="https://github.com/ryo-ma/github-profile-trophy">
|
||||||
<span class="d-none d-sm-none d-md-block">
|
<span class="d-none d-sm-none d-md-block">
|
||||||
<img
|
<img
|
||||||
class="repo-img-light"
|
class="only-light"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="repo-img-dark"
|
class="only-dark"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6"
|
||||||
>
|
>
|
||||||
@ -15,12 +15,12 @@
|
|||||||
|
|
||||||
<span class="d-none d-sm-block d-md-none">
|
<span class="d-none d-sm-block d-md-none">
|
||||||
<img
|
<img
|
||||||
class="repo-img-light"
|
class="only-light"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="repo-img-dark"
|
class="only-dark"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4"
|
||||||
>
|
>
|
||||||
@ -28,12 +28,12 @@
|
|||||||
|
|
||||||
<span class="d-block d-sm-none">
|
<span class="d-block d-sm-none">
|
||||||
<img
|
<img
|
||||||
class="repo-img-light"
|
class="only-light"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="repo-img-dark"
|
class="only-dark"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3"
|
src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
<div class="repo p-2 text-center">
|
<div class="repo p-2 text-center">
|
||||||
<a href="https://github.com/{{ include.username }}">
|
<a href="https://github.com/{{ include.username }}">
|
||||||
<img
|
<img
|
||||||
class="repo-img-light w-100"
|
class="only-light w-100"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-readme-stats.vercel.app/api/?username={{ include.username }}&theme={{ site.repo_theme_light }}&show_icons=true"
|
src="https://github-readme-stats.vercel.app/api/?username={{ include.username }}&theme={{ site.repo_theme_light }}&show_icons=true"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="repo-img-dark w-100"
|
class="only-dark w-100"
|
||||||
alt="{{ include.username }}"
|
alt="{{ include.username }}"
|
||||||
src="https://github-readme-stats.vercel.app/api/?username={{ include.username }}&theme={{ site.repo_theme_dark }}&show_icons=true"
|
src="https://github-readme-stats.vercel.app/api/?username={{ include.username }}&theme={{ site.repo_theme_dark }}&show_icons=true"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -56,10 +56,11 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo-img-light {
|
.only-light {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.repo-img-dark {
|
|
||||||
|
.only-dark {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -111,10 +112,11 @@ html[data-theme="dark"] {
|
|||||||
--global-danger-block-text: #600;
|
--global-danger-block-text: #600;
|
||||||
--global-danger-block-title: #c00;
|
--global-danger-block-title: #c00;
|
||||||
|
|
||||||
.repo-img-light {
|
.only-light {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.repo-img-dark {
|
|
||||||
|
.only-dark {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user