public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

feat: add kbd css styles and make sidebar transparent for better focus on lessons

Browse Source
This commit is contained in:
Michael Czechowski
2025-05-19 22:14:18 +02:00
parent ad875f7f75
commit 00935f02e8
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/main.css
View File

@@ -147,8 +147,8 @@ code {
.sidebar { .sidebar {
width: var(--sidebar-width); width: var(--sidebar-width);
background-color: var(--panel-bg); /*background-color: var(--panel-bg);*/
border-right: 1px solid var(--border-color); /*border-right: 1px solid var(--border-color);*/
padding: var(--spacing-lg) var(--spacing-md); padding: var(--spacing-lg) var(--spacing-md);
overflow-y: auto; overflow-y: auto;
height: calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height));
@@ -247,6 +247,16 @@ code {
margin-bottom: var(--spacing-lg); margin-bottom: var(--spacing-lg);
} }
.lesson-description kbd {
font-family: var(--font-code);
background-color: var(--code-bg);
color: var(--text-color);
border-radius: var(--border-radius-sm);
padding: calc(var(--spacing-xs) / 2);
font-size: 0.9rem;
letter-spacing: -0.75px;
}
/* Challenge Container */ /* Challenge Container */
.challenge-container { .challenge-container {
display: flex; display: flex;
@@ -557,6 +567,7 @@ code {
} }
.feedback-error kbd { .feedback-error kbd {
font-family: var(--font-code);
background-color: var(--error-bg-light); background-color: var(--error-bg-light);
color: var(--text-color); color: var(--text-color);
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);