generator-aristos/app/templates/important/admin/admincss/modules/_admin-button.css

create aristos cms fast with yeoman generator.

.admin-button {
  border: 1px solid $colorFour;
  height: 50px;
  margin: 10px;
  cursor: pointer;
  width: 210px;
  transition: background-color 0.4s linear;

  

  &--main {
    background: $colorFive;

    &:hover {
      background-color: $colorSeven;
      transition: background-color 0.4s linear;
    }
  }
  &--submit {
    height: 70px;
    margin: 40px auto;
    cursor: pointer;
    width: 90%;
    border: 1px solid $colorFour;
    background: $hoverSuccess;
    color: white;
    text-align: center;
    

    &:hover {
      background-color: $transitionSuccessHover;
      color: #eee;
      transition: background-color 0.4s linear;
    }
  }

  &--danger {
    height: 50px;
    margin: 10px auto;
    cursor: pointer;
    width: 90%;
    border: 1px solid $borderThree;
    background: $hoverDanger;
    color: white;
    transition: background-color 0.4s linear;
    &:hover {
      background-color: $transitionDangerHover;
      color: #eee;
      transition: background-color 0.4s linear;
    }
  }

  a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    transition: background-color 0.4s linear;
    color: white;
    height: 100%;
  }
  &--add-something{
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    background: $colorFive;
    z-index: 10;

    &--second{
      bottom: 120px;
    }
    &--third{
      bottom: 240px;
    }
    
    & a {
      font-size: 50px;
    }

    &:hover {
      background-color: $colorSeven;
      transition: background-color 0.4s linear;
    }
  }
}