add small btn style & change web banner text-align to start

This commit is contained in:
2025-10-26 18:50:09 +07:00
parent a7565ad903
commit 08a6e183c7
+10 -2
View File
@@ -637,9 +637,17 @@ a.btn {
.btn.btn-secondary { .btn.btn-secondary {
background: var(--color-secondary); background: var(--color-secondary);
color: var(--color-on-secondary); color: var(--color-on-secondary);
padding-inline: calc(var(--ui-spacing)*2.5);
} }
.btn.btn-sm { .btn.btn-sm {
height: calc(var(--ui-spacing)*9);
height: calc(var(--ui-spacing)*8);
font-size: 14px;
}
.btn.btn-sm .material-symbols-outlined {
font-size: 20px;
font-variation-setting:
'opsz' 20
} }
.prose-blog-pretext { .prose-blog-pretext {
font-family: var(--font-mono); font-family: var(--font-mono);
@@ -736,7 +744,7 @@ a.btn {
} }
.web-dismissable-banner > .web-dismissable-banner-content { .web-dismissable-banner > .web-dismissable-banner-content {
display: flex; display: flex;
justify-content: center; text-align: start;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
max-width: var(--ui-container); max-width: var(--ui-container);