search

MochaPenguin / mochapenguin.github.io

MochaPenguin Blog
Other
0 stars 0 forks source link

Alter styles #4

Open MochaPenguin opened 7 years ago

MochaPenguin commented 7 years ago

It would be nice to be able to alter the styles used across the blog. And add new styles in css files.

SCSS is being transformed to CSS somehow during site-generation.

i.e. override base styles to have styles like these:

body {
  font-size: 100%;
}

h1 {
  color: black;
  font-size: 1.3em;
}

h2 {
  color: #d02e83;
  font-size: 1.2em;
}

h3 {
  color: blue;
  font-size: 1.1em;
}

h4 {
  color: green;
  font-size: 1.0em;
}

p {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: medium;
}
MochaPenguin commented 7 years ago

Succeeded in linking a .css file to add styles in commit d2fd4026b3ea3694fa5fb78a871163ee2fb02dea.

Can use this to add new styles.

Haven't figured out how to alter the existing styles from the scss.

TracyGJG commented 7 years ago

I suggest you look at using the SCSS. 1) you can add the CSS unchanged directly to the SCSS file. 2) you can use a partial rather than an include to separate the styles in to its own file but have it all in one file in the output CSS file. All you need to do to include a partial is prefix the SCSS file with an underscore.