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

feat: add basic selectors module and update layout styles

Browse Source
This commit is contained in:
Michael Czechowski
2025-05-14 12:07:34 +02:00
parent 70d5032ff6
commit d2be51ac49
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/config/lessons.js
View File

@@ -4,6 +4,7 @@
// Import lesson configs // Import lesson configs
import basicsConfig from "../../lessons/00-basics.json"; import basicsConfig from "../../lessons/00-basics.json";
import basicSelectorsConfig from "../../lessons/00-basic-selectors.json";
import boxModelConfig from "../../lessons/01-box-model.json"; import boxModelConfig from "../../lessons/01-box-model.json";
import selectorsConfig from "../../lessons/02-selectors.json"; import selectorsConfig from "../../lessons/02-selectors.json";
import colorsConfig from "../../lessons/03-colors.json"; import colorsConfig from "../../lessons/03-colors.json";
@@ -15,15 +16,16 @@ import responsiveConfig from "../../lessons/08-responsive.json";
// Module store // Module store
const moduleStore = [ const moduleStore = [
basicsConfig, basicSelectorsConfig
boxModelConfig, // basicsConfig,
selectorsConfig, // boxModelConfig,
colorsConfig, // selectorsConfig,
typographyConfig, // colorsConfig,
unitVariablesConfig, // typographyConfig,
transitionsAnimationsConfig, // unitVariablesConfig,
layoutConfig, // transitionsAnimationsConfig,
responsiveConfig // layoutConfig,
// responsiveConfig
]; ];
/** /**

5
src/main.css
View File

@@ -264,6 +264,7 @@ code {
} }
.code-editor { .code-editor {
flex: 1;
position: relative; position: relative;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: var(--border-radius-md); border-radius: var(--border-radius-md);
@@ -284,8 +285,10 @@ code {
.editor-content { .editor-content {
background-color: var(--editor-bg); background-color: var(--editor-bg);
color: #d4d4d4; color: #d4d4d4;
padding: var(--spacing-md) var(--spacing-md) 4rem; padding: var(--spacing-md);
margin-bottom: 4rem;
overflow-y: auto; overflow-y: auto;
height: 100%;
font-family: var(--font-code); font-family: var(--font-code);
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5;