zgy/zhaoguiyang.site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS styles for markdown elements

Browse Source 
This reverts commit a935d4cdfb.
This commit is contained in:
EFEELE
2025-04-08 10:45:29 -06:00
parent a935d4cdfb
commit 0a37676e08
1 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/global.css
View File

@@ -154,11 +154,15 @@ a.inline-block.leading-5.pl-12{
.markdown strong{ .markdown strong{
@apply font-bold; @apply font-bold;
} }
.code-block-efe { .code-block-efe {
@apply w-full rounded-lg h-auto overflow-hidden my-8 ; @apply w-full rounded-lg h-auto overflow-hidden my-8 ;
} }
.copy-code svg{
@apply size-5;
}
.copy-code{
@apply absolute text-slate-400 text-xs cursor-pointer bg-slate-600/50 border hover:bg-transparent border-slate-500 p-2.5 rounded-md top-4 right-4 flex transition-all duration-300 max-md:opacity-100 min-md:opacity-0 group-hover:opacity-100 items-center justify-center;
}
.contains-task-list { .contains-task-list {
@apply space-y-2; @apply space-y-2;
@@ -191,15 +195,15 @@ a.inline-block.leading-5.pl-12{
} }
.hamburger .bars-icon { .hamburger .bars-icon {
display: block; /* Mostrar icono de 'bars' por defecto */ display: block; /* Show 'bars' icon by default */
} }
.hamburger.active .bars-icon { .hamburger.active .bars-icon {
display: none; /* Ocultar icono de 'bars' cuando .active está presente */ display: none; /* Hide 'bars' icon when .active is present */
} }
.hamburger.active .xmark-icon { .hamburger.active .xmark-icon {
display: block; /* Mostrar icono de 'xmark' cuando .active está presente */ display: block; /* Show 'xmark' icon when .active is present */
} }
* { * {
@@ -207,7 +211,7 @@ a.inline-block.leading-5.pl-12{
} }
/* estilos de la barra de navegación*/ /* Navigation bar styles */
.hamburger { .hamburger {
cursor: pointer; cursor: pointer;
@@ -291,11 +295,3 @@ a.inline-block.leading-5.pl-12{
filter: blur(10px); filter: blur(10px);
} }
.copy-code svg{
@apply size-5;
}
.copy-code{
@apply absolute text-slate-400 text-xs cursor-pointer bg-slate-600/50 border hover:bg-transparent border-slate-500 p-2.5 rounded-md top-4 right-4 flex transition-all duration-300 max-md:opacity-100 min-md:opacity-0 group-hover:opacity-100 items-center justify-center;
}