Provide border line in Code Cell in Jekyll

Help
1

Hello everyone,

Following is mine the current form of code cell in jekyll , and I like to provide a thin border around it.

jekyll
44413166-76af3b00-a58c-11e8-8c8f-715d6900082b.png1001×582 83.2 KB

Here is the portion from my _config.yml file

kramdown:
  # Use GitHub flavored markdown, including triple backtick fenced code blocks
  input: GFM
  auto_ids: true
  # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
  syntax_highlighter: rouge 
  syntax_highlighter_opts:
    css_class: 'highlight'
sass:
  style: :expanded # You might prefer to minify using :compressed

and here is the style.scss.

Any suggestion will be highly appreciated.

2

have you played with it in Chrome’s Inspector? right click on it, Inspect, and if you are lucking it will be right on the element that you right clicked on and you can play around with the style to get what you want, then find where that goes in your css and add the same thing.

I think the code block is a <pre> ? if so, on that element you could do something like border: 1px solid black;