You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
portio-hugo/assets/scss/_buttons.scss

71 lines
1.5 KiB

// .btn {
// transition: all 0.3s ease;
// padding: 20px 50px;
// border-radius: 7px;
// &:hover {
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
// }
// .hire_button{
// background: $primary_color;
// padding: 15px 30px;
// color: #fff;
// text-decoration: none;
// border-radius: 7px;
// font-size: 16px;
// font-family: $secondary-font;
// font-weight: 400;
// border: 1px solid transparent;
// transition: all .3s ease;
// transform: scale(1);
// &:hover{
// background: #425FEE;
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
// @include desktop{
// text-align: center;
// }
// }
// Button Override
.btn {
display: inline-block;
padding: 15px 30px;
font-family: $secondary-font;
font-size: 16px;
// background: $primary-color;
border-radius: 7px;
//color: #fff;
// ext-decoration: none;
// border: 1px solid transparent;
// transition: all 0.3s ease;
// transform: scale(1);
// &:hover {
// background: #425fee;
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
}
.btn-lg {
padding: 20px 50px;
}
.btn-light {
color: $primary;
&:hover {
color: $primary;
}
}
.btn-zoom {
transition: all 0.3s ease;
transform: scale(1);
&:hover {
box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
transform: scale(1.03);
}
}