@import "../../node_modules/bulma/sass/utilities/derived-variables";

// Let's use this for styles that apply to everything on the site

#kbb-sphinx-body > div.section > h1:first-child {
  // Sphinx inserts the page title in a way that we'd like to control,
  // so let's hide it. This is tricky to get just the one we want.
  display: none;
}

.section .section {
  // Sphinx generates "section" class which matches Bulma which
  // adds a bunch of extra space.
  padding: 0.75rem 0;
}

#kbb-sphinx-body {
  .highlight, .literal-block-wrapper.container {
    // Put some bottom margin on Pygments
    margin-bottom: 1rem;
  }
  .literal-block-wrapper.container {
    // Sphinx generates docutils containers, same name as Bulma, sigh.
    width: 800px;
    max-width: 800px;
  }
}

.image {
  &.is-rounded {
    img {
      object-fit: cover;
      object-position: center center;
      height: 100%;
      width: 100%;
      border-radius: 250983px;
    }
  }
}

.kbb-author {
  span {
    padding: 0 0.3rem;
  }
}

a.headerlink {
    visibility: hidden;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink,
caption:hover > a.headerlink,
p.caption:hover > a.headerlink,
div.code-block-caption:hover > a.headerlink {
    visibility: visible;
}

