CODEWITHSUNDEEP
cssjekyll
craigeley
craigeley

Reputation: 352

Modifying Jekyll Stylesheets SCSS / CSS

New to Jekyll and decided to start with the Balzac theme hosted on GitHub Pages:

https://github.com/ColeTownsend/Balzac-for-Jekyll

Been having success modifying it to meet most of my needs, however I have never worked with sass/scss files and I simply cannot figure out how to change basic stuff like blockquote styling. I have tried: modifying directly in scss; modifying directly in css; modifying in scss and then outputting to css via Terminal; deleting all scss files and modifying the css by hand; deleting all css files and modifying the scss.

I've also tried moving all of the SCSS files into a top-level folder (_sass) and then pointing to that folder in my config file, but no changes I make seem to stick.

As you can see, I'm grasping at straws here. Hoping this might be a n00b thing that I'm just missing. Here is my site:

https://github.com/craigeley/craigeley.github.io

Any help much appreciated!

Upvotes: 2

Views: 1524

Answers (1)

Rudy Velthuis
Rudy Velthuis

Reputation: 28806

I just looked. Your .scss files do not seem to contain a YAML FrontMatter header. Jekyll only touches files with such a header, even if it is just an empty one.

Since I assume you don't need to specify anything YAML in an SCSS file, an empty header (two lines of --- followed by an empty line) will do:

---
---

body {
  etc...

Since the SCSS syntax is, in essence, a superset of CSS, you can specify a blockquote style (or any other style) in the same way as you would do in CSS.

Upvotes: 1

Related Questions