elf
/
elf-notes
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
elf-notes/sass/design/_definitions.scss

11 lines
245 B
SCSS
Raw Normal View History

Start the CSS design Gonna go for the liquid scaling, but I think I'm gonna need a spreadsheet for all the calculations I want to do. Given I have a min 360 and a max 960 width (is that even reasonable?) and I want a maximum text width of 30 ems, I think I could write a spreadsheet that could calculate all of the margins and clamp them. It's annoying that I have to calc(clamp()) to keep Sass from fucking with me, but at least it's do-able. Maybe as a separate CSS file?
2022-04-25 04:38:29 +00:00
:root {
--primary-color: #520022;
--secondary-color: #dbff98;
--background-color: #ffffff;
--background-secondary-color: #dcdcdc;
--text-color: #1f000d;
Added a lot of content to the Zola block Added a mono font for code Added CSS for code Added a better reset/normalize Added my 1.25 scaled header text styling. Added the home-page 'topic-card' styling.
2022-04-26 01:28:25 +00:00
--code-color: #213300;
--inline-code-color: rgba(219, 255, 152, 0.20);
Start the CSS design Gonna go for the liquid scaling, but I think I'm gonna need a spreadsheet for all the calculations I want to do. Given I have a min 360 and a max 960 width (is that even reasonable?) and I want a maximum text width of 30 ems, I think I could write a spreadsheet that could calculate all of the margins and clamp them. It's annoying that I have to calc(clamp()) to keep Sass from fucking with me, but at least it's do-able. Maybe as a separate CSS file?
2022-04-25 04:38:29 +00:00
}