/* @import "minima"; */
@import "comment-styles";
@import "tab-styles";

.footnotes {
  font-size: $small-font-size;
  margin: -10px 20px;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_danger */

%callout-base {
  padding: 4px 12px;
  margin-left: 30px;
  margin-right: 30px;
}

.danger {
  @extend %callout-base;
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

.success {
  @extend %callout-base;
  background-color: #ddffdd;
  border-left: 6px solid #4CAF50;
}

.info {
  @extend %callout-base;
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
}

.warning {
  @extend %callout-base;
  background-color: #ffffcc;
  border-left: 6px solid #ffeb3b;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  line-height: 1;
  position: relative;
  top: -0.125em; // fine-tune alignment
  vertical-align: middle;
  width: 1em;

  &.spin {
    animation: spin 2s infinite linear;
  }
}

#comment-section, #comment-section * {
  box-sizing: border-box;
}

// style for dataframes dumped by pandas
.dataframe {
  text-align: right;
}

// style for svg-fig include
.svg-fig {
  font-size: 80%;
}

sup[id^='fnref'] {
  font-size: 0.8em;
  line-height: 0; // prevent superscript from affecting the line height when it appears
}