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 49e5d2d458
commit 1e81d0e66b
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 {
width: var(--sidebar-width);
background-color: var(--panel-bg);
border-right: 1px solid var(--border-color);
/*background-color: var(--panel-bg);*/
/*border-right: 1px solid var(--border-color);*/
padding: var(--spacing-lg) var(--spacing-md);
overflow-y: auto;
height: calc(100vh - var(--header-height));
@@ -247,6 +247,16 @@ code {
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 {
display: flex;
@@ -557,6 +567,7 @@ code {
}
.feedback-error kbd {
font-family: var(--font-code);
background-color: var(--error-bg-light);
color: var(--text-color);
border-radius: var(--border-radius-sm);