Sha256: 8beed95af36dd236d33c5bb8ba0629cf536b8427ac72a3e97ff049d83f358e19

Contents?: true

Size: 1.6 KB

Versions: 7

Compression:

Stored size: 1.6 KB

Contents

//
// Buttons and things that look like buttons
//

.btn {
  @include fs-6;
  display: flex; // transform animation breaks without this on theme-colors and graph-type...
  cursor: pointer;
  user-select: none;
  padding: $sp-2;
  transition: all .2s ease-in-out;

  // suppress default html button attributes
  border: none;
  background: none;

  &:hover {
    transform: scale(1.5); 
  }

  /* Hide the browser's default checkbox */
  input {
    opacity: 0;
    height: 0;
    width: 0;
  }

  &--small {
    @include fs-5;
  }

  &--blue {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-blue);
  }

  &--brown {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-brown);
  }

  &--green {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-green);
  }

  &--orange {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-orange);
  }

  &--purple {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-purple);
  }

  &--red {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-red);
  }

  &--yellow {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-yellow);
  }
}

.bonsai-burger-nav {
  // fix in corner
  position: fixed;
  z-index: $z-burger;
  right: $sp-2;
  bottom: $sp-4;
  // flex contents
  display: flex;
  flex-direction: column;
  // interaction
  cursor: pointer;
  user-select: none;
  filter: drop-shadow(0 0 0.7mm $drop-shadow-green);
  
  /* Hide the browser's default checkbox */
  input {
    opacity: 0;
    height: 0;
    width: 0;
  }

  #nav-bonsai {
    margin-left: 5px;
  }

  #nav-base {
    margin-left: 20px;
    margin-right: 20px;
    transition: all .2s ease-in-out;

    &:hover {
      transform: scale(1.25);
    }
  }
}

Version data entries

7 entries across 7 versions & 3 rubygems

Version Path
jekyll-garden-0.0.12 _sass/components/_btn.scss
jekyll-wikibonsai-0.0.11 _sass/components/_btn.scss
jekyll-wikibonsai-0.0.10 _sass/components/_btn.scss
jekyll-bonsai-0.0.7 _sass/components/_btn.scss
jekyll-bonsai-0.0.6 _sass/components/_btn.scss
jekyll-bonsai-0.0.5 _sass/components/_btn.scss
jekyll-bonsai-0.0.4 _sass/components/_btn.scss