Commit ba72f9ee authored by Ludovic Dubost's avatar Ludovic Dubost
Browse files

Updated CSS of buttons

parent 5205ed04
Loading
Loading
Loading
Loading
+26 −1
Original line number Diff line number Diff line
@@ -231,7 +231,32 @@ Example:
    transition: ease-out 0.3s;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1.9rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
    border: 2px solid #00aaff;
    &:hover {
      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
      transition: ease-out 0.3s;
    }
  }

  .btn-secondary {
    background-color: transparent;
    color: #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1.5rem;
    border-bottom-right-radius: .7rem;
    transition: linear .3s;
    border: 2px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
    &:hover {
      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
      transition: ease-out 0.3s;
    }
  }

  .btn-primary, .btn-secondary {
+27 −3
Original line number Diff line number Diff line
@@ -202,8 +202,7 @@ Example:

  .btn-blue-o {
    margin-top: 2.5rem;
    width: fit-content;
    min-width: 20rem;
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    background-image: none;
@@ -216,7 +215,32 @@ Example:
    transition: ease-out 0.3s;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1.9rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
    border: 2px solid #00aaff;
    &:hover {
      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
      transition: ease-out 0.3s;
    }
  }

  .btn-secondary {
    background-color: transparent;
    color: #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1.5rem;
    border-bottom-right-radius: .7rem;
    transition: linear .3s;
    border: 2px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 8px 10px 10px 0 rgba(0, 33, 51,.15);
    &:hover {
      box-shadow: 2px 4px 8px 0 rgba(0, 33, 51,0.6);
      transition: ease-out 0.3s;
    }
  }

  .btn-primary, .btn-secondary {