reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: optimize github card for mobile, adjust spacing between consecutive images

Browse source
This commit is contained in:
radishzzz 2025-05-02 19:08:33 +01:00
parent a4d56865e4
commit 6c8a682f83
3 changed files with 25 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/styles/extend.css
View file

@ -74,44 +74,47 @@
/* GitHub Card >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.gc-container {
--at-apply: 'block mt-3 mb-6 rounded border border-solid border-secondary/5 bg-secondary/5 px-5 py-4';
--at-apply: 'transition-colors lg:(px-6 py-5) hover:(bg-secondary/10 c-primary)';
--at-apply: 'block overflow-x-auto scrollbar-hidden mt-3 mb-6 rounded border border-solid border-secondary/5';
--at-apply: 'bg-secondary/5 px-5 py-4 transition-colors lg:(px-6 py-5) hover:(bg-secondary/10 c-primary)';
}
.gc-container::-webkit-scrollbar {
display: none;
}
/* Title Bar */
.gc-title-bar {
--at-apply: 'flex items-center gap-3';
--at-apply: 'flex items-center gap-2.5 lg:gap-3';
}
.gc-owner-avatar {
--at-apply: 'flex-shrink-0 aspect-square w-5.5 rounded-full bg-secondary/20';
}
.gc-repo-title {
--at-apply: 'flex items-center text-lg leading-normal';
--at-apply: 'flex items-center leading-normal lg:text-lg';
}
.gc-slash {
--at-apply: 'mx-2 op-40';
--at-apply: 'mx-1 op-40 lg:mx-1.2';
}
.gc-github-icon {
--at-apply: 'flex-shrink-0 w-6 ml-auto';
--at-apply: 'flex-shrink-0 w-5.5 ml-auto lg:w-6';
}
/* Repo Description */
.gc-repo-description {
--at-apply: 'mt-2.8 mb-4';
--at-apply: 'mt-2.45 mb-3.5 text-sm text-start lg:(text-base mt-2.8 mb-4)';
}
/* Info Bar */
.gc-info-bar {
--at-apply: 'flex items-center gap-2 text-sm';
--at-apply: 'flex items-center gap-1.75 text-xs lg:(text-sm gap-2)';
}
.gc-info-icon {
--at-apply: 'flex-shrink-0';
}
.gc-stars-count {
--at-apply: 'mr-4';
--at-apply: 'mr-3 lg:mr-4';
}
.gc-forks-count {
--at-apply: 'mr-5';
--at-apply: 'mr-3.75 lg:mr-5';
}
.gc-license-info {
--at-apply: 'ml-0.5 mr-4';
@ -136,4 +139,4 @@ details summary::-webkit-details-marker {
}
details summary::marker {
content: '';
} */
} */

6
src/styles/heti.css
View file

@ -92,6 +92,12 @@
.heti :where(figure) {
--at-apply: 'mx-auto mt-3 mb-6';
}
.heti :where(figure:has(+ figure)) {
--at-apply: 'mb-4';
}
.heti :where(figure:has(+ p > img:first-child)) {
--at-apply: 'mb-4';
}
.heti :where(figcaption) {
--at-apply: 'text-center text-sm mt-3 text-secondary/80';
}