blogs/FixIt
1
0
Fork 0
mirror of https://github.com/hugo-fixit/FixIt.git synced 2026-08-24 15:28:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(admonition): adjust styles for title-only and content-only admonitions

Browse Source 
// ignore-for-release
This commit is contained in:
Cell
2026-01-09 14:32:28 +08:00
parent 50d27e0e5b
commit b29368c3e6
2 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/_shortcodes/_admonition.scss
+23 -18
View File
@@ -4,6 +4,8 @@
padding: 0 0.75rem;
border-left: .25rem solid;
overflow: hidden;
background-color: var(#{$rootPrefix}admonition-bg-color);
border-left-color: var(#{$rootPrefix}admonition-color);
@include border-radius($global-border-radius);
.admonition-title {
@@ -26,11 +28,30 @@
// title-only admonition without content
&:not(:has(+ .details-content)) {
#{$rootPrefix}admonition-title-font-weight: normal;
padding: 0.75rem 1rem 0.75rem 1.8rem;
padding: 0.75rem 1rem 0.75rem 2.2rem;
border: 0;
i.icon {
left: 1.1rem;
font-size: 1rem;
}
}
}
> .admonition-title {
border-bottom-color: var(#{$rootPrefix}admonition-bg-color);
background-color: var(#{$rootPrefix}admonition-bg-color-collapsed);
@include transition(all 0.2s ease);
i.icon {
color: var(#{$rootPrefix}admonition-color);
}
}
&.open > .admonition-title {
background-color: var(#{$rootPrefix}admonition-bg-color);
}
.admonition-content {
padding: 0.5rem 0;
@@ -58,22 +79,6 @@
right: 0.9rem;
translate: 50% -50%;
}
background-color: var(#{$rootPrefix}admonition-bg-color);
border-left-color: var(#{$rootPrefix}admonition-color);
> .admonition-title {
border-bottom-color: var(#{$rootPrefix}admonition-bg-color);
background-color: var(#{$rootPrefix}admonition-bg-color-collapsed);
i.icon {
color: var(#{$rootPrefix}admonition-color);
}
}
&.open > .admonition-title {
background-color: var(#{$rootPrefix}admonition-bg-color);
}
// default admonition type is note
#{$rootPrefix}admonition-color: #{map-get(map-get($admonition-color-map, note), color)};
@@ -97,7 +102,7 @@
// content-only admonition without title
&:not(:has(.admonition-title)) {
border-left: 0;
border: 1px solid var(#{$rootPrefix}admonition-bg-color);
.admonition-content {
padding: 0.75rem 0.25rem;
layouts/_partials/init/index.html
+1 -1
View File
@@ -1,4 +1,4 @@
{{- hugo.Store.Set "version" "v0.4.2-20260109042944-8b5315a1" -}}
{{- hugo.Store.Set "version" "v0.4.2-20260109063229-50d27e0e" -}}
{{- .Store.Set "this" dict -}}
{{- partial "init/detection-env.html" . -}}