SCSS - Floating button example

0 votes
163 views
added Jul 24, 2018 in SCSS by LC Marshal Captain (25,790 points)
a {
  &.view-units-pl {
    // @include bg-shadow;
    // background: $color-grey;
    @include el-button($color-blue-light, $color-blue-light);
  }
  &#add-content-btn {
    text-decoration: none;
    position:fixed;
    width:90px;
    height:90px;
    bottom:20px;
    right:40px;
    background-color: $color-green;
    color:#FFF;
    border-radius:50%;
    text-align:center;
    font-size: 1.3rem;
    line-height: 2;
    @include bg-shadow;
    i {
      display: block; 
      font-size: 2rem;
      margin-top: 20px;
    }
    &:hover {
      background-color: darken($color-green, 7%);
    }
  }
}

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...