~misterio/misterio.me

3cd1e2b9f99a3367ca93e41e5ffc787e12716f7d — Gabriel Fontes a month ago 15e78a4
add blockquote variants
2 files changed, 19 insertions(+), 17 deletions(-)

M _main/_sass/main.scss
M _main/colorscheme.html
M _main/_sass/main.scss => _main/_sass/main.scss +9 -4
@@ 52,12 52,11 @@ a[href^="sms\:"]:before {

  // Additional variables
  --blockquote-color: var(--base0C);
  --error: var(--base08);
  --links-files: var(--base0B);
  --links-external: var(--base0D);
  --links-anchor: var(--base0A);
  --negative: var(--base08);
  --positive: var(--base0B);
  --warning: var(--base0A);
}

// Jump fragment indicator


@@ 162,8 161,14 @@ button {
}

blockquote {
  border-left-color: var(--blockquote-color);
  &.info {
  &.negative {
      border-left-color: var(--negative);
  }
  &.positive {
      border-left-color: var(--positive);
  }
  &.warning {
      border-left-color: var(--warning);
  }
}


M _main/colorscheme.html => _main/colorscheme.html +10 -13
@@ 62,10 62,19 @@ permalink: /colorscheme/
  <a href="https://usp.br">External link</a>
</p>

<h3>A quote/tip:</h3>
<h3>Quote and a few tips:</h3>
<blockquote>
  Type <kbd>:wq</kbd> and press <kbd>Enter</kbd> to exit Vim
</blockquote>
<blockquote class="negative">
  Don't!
</blockquote>
<blockquote class="positive">
  Yesn't!
</blockquote>
<blockquote class="warning">
  Wait, maybe!
</blockquote>

<h3>Form stuff:</h3>
<input placeholder="a sweet input"/>


@@ 75,18 84,6 @@ permalink: /colorscheme/
  <button class="negative">No!</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
  <button>Maybe</button>
</fieldset>

<h3>Some haskell code, <code>collatz.hs</code>:</h3>