mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-17 22:01:24 -04:00
56820d90f8
* feat: add challenge editor tool chore: prepare API/Client setup feat: migrate to react! feat: styling fix: useEffect loop feat: add challenge helpers feat: use actual code editor feat: styling Bring it a bit more in line with /learn * refactor: use workspaces Which unfortunately required a rollback to React 16, because having multiple React versions causes all sorts of issues. * chore: apply Oliver's review suggestions Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * chore: remove test files for now * fix: prettier issue * chore: apply oliver's review suggestions Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * chore: move scripts to root * fix: lint errors oops * chore: remove reportWebVitals thing * chore: DRY out paths * fix: create-empty-steps takes one arg * chore: start doesn't make sense now * chore: DRY out button requests * chore: one more review suggestion Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * chore: cleanup CRA files * fix: correct note for creating new project * feat: enable js and jsx highlighting * feat: include all superblocks * feat: improve button ux * feat: add "breadcrumbs" * feat: add link back to block from step tools * chore: remove unused deps * chore: apply oliver's review suggestions Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * chore: parity between file names and commands Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
61 lines
840 B
CSS
61 lines
840 B
CSS
:root {
|
|
--nav-background: #0a0a23;
|
|
--background: #1b1b32;
|
|
--content: #f5f6f7;
|
|
--grey: #3b3b4f;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../public/Lato-Regular.woff');
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Lato';
|
|
text-align: center;
|
|
background: var(--background);
|
|
color: var(--content);
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
p,
|
|
li {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
a {
|
|
color: var(--content);
|
|
}
|
|
|
|
button {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border: 3px solid var(--content);
|
|
font-size: 16pt;
|
|
padding: 6px 12px;
|
|
margin: 10px auto;
|
|
background: var(--grey);
|
|
color: var(--content);
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:active {
|
|
color: var(--background);
|
|
background: var(--content);
|
|
}
|
|
|
|
code {
|
|
background: var(--grey);
|
|
}
|
|
|
|
.breadcrumb {
|
|
font-size: 1.2rem;
|
|
font-style: italic;
|
|
}
|