Contents

$sm-screen: 35.5rem;
$md-screen: 48rem;
$lg-screen: 64rem;
$xl-screen: 80rem;

:root {
  --body-font-size: 16px;
  --body-line-height: 1.5;
  --body-color:       var(--oc-gray-9);
  --body-color-light: var(--oc-gray-6);
  --body-bg:          var(--oc-white);
  --link-color:       var(--oc-blue-8);
  --heading-color:    var(--oc-black);
  
  --body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --brand-title-font: "Abril Fatface", serif;
  --page-font: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  --code-font: 'Courier New', Courier, monospace;

  --sidebar-color: var(--oc-gray-4);

  --message-color: var(--oc-white);
  --message-bg:    var(--oc-yellow-9);

  --border-radius: .5em;
  --border-color:  var(--oc-gray-3);

  --code-bg:       var(--oc-gray-1);

  --box-shadow: 3px 3px 3px var(--oc-gray-3);
}

@media (prefers-color-scheme: dark) {
  :root {
    --body-color:       var(--oc-gray-4);
    --body-color-light: var(--oc-gray-6);
    --body-bg:          var(--oc-gray-9);
    --link-color:       var(--oc-blue-5);
    --heading-color:    var(--oc-white);

    --message-color: var(--oc-gray-9);
    --message-bg:    var(--oc-yellow-4);

    --border-color:  var(--oc-gray-7);

    --code-bg:       var(--oc-gray-8);

    --box-shadow: 3px 3px 3px var(--oc-gray-7);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-theme-hydure-1.0.0	_sass/hydure/_variables.scss