/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/bootstrap
Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/bootstrap/_buttons.scss (4095B)
.btn {
font-weight: 600;
line-height: 1.75;
border-radius: 0px;
font-size: 0.875rem;
border: 1px solid transparent;
border-radius: 4px;
color: $dark;
&:focus {
border: 1px solid transparent;
outline: none;
box-shadow: none;
}
&.block {
display: block;
width: 100%;
}
&.size-xl {
font-weight: 400;
line-height: 1;
padding: 17px 50px 13px 50px;
letter-spacing: 1px;
text-transform: uppercase;
}
&.size-lg {
font-size: 1.125rem;
line-height: 2.5;
padding: 0px 30px;
}
&.size-sm {
font-size: 0.75rem;
padding: 17px 25px 13px 25px;
}
&.size-xs {
font-size: 1rem;
padding: 5px 15px;
line-height: 1.3;
}
// TEXT
&.text {
padding: 0px 0px;
&.primary {
color: $primary;
}
}
// FULL
&.full {
&.primary {
background: $primary;
color: $white;
transition: all 0.1s linear;
&:hover {
border-color: $primary;
color: $primary;
background: none;
}
}
&.secondary {
background: $secondary;
color: $white;
transition: all 0.1s linear;
&:hover {
border-color: $secondary;
color: $secondary;
background: none;
}
}
}
// OUTLINE
&.outline {
&.primary {
border-color: $primary;
color: $primary;
&:hover {
background: $primary;
color: $white;
}
}
&.secondary {
border-color: $secondary;
color: $secondary;
&:hover {
background: $secondary;
color: $white;
}
}
&.gray {
border-color: $gray-500;
color: $gray-500;
&:hover {
border-color: $dark;
color: $dark;
}
}
&.white {
border-color: $white;
color: $white;
&:hover {
background: $white;
color: $dark;
}
}
}
&.split {
position: relative;
overflow: hidden;
font-size: 0.875rem;
border: transparent;
background: $primary;
color: $white;
padding: 0.275rem 0.75rem;
padding-left: 55px;
i {
position: absolute;
left: -10px;
top: 50%;
line-height: 64px;
width: 64px;
height: 64px;
border-radius: 64px;
font-size: 0.875rem;
display: block;
/* margin-left: -32px; */
margin-top: -32px;
background: $primary;
}
span {
position: absolute;
left: -10px;
top: 50%;
line-height: 64px;
width: 57px;
height: 64px;
border-radius: 64px;
font-size: 1.125rem;
display: block;
/* margin-left: -32px; */
margin-top: -32px;
background: $secondary;
svg {
width: 23px;
height: 23px;
fill: $white;
position: relative;
top: -2px;
}
}
&.primary {
background-color: $primary;
span {
background-color: $primary-dark;
}
&:hover {
}
}
&:hover {
background-color: $secondary;
}
}
// Animated
&.animated {
i {
position: relative;
transition: left 0.25s ease-in-out;
left: 0px;
top: 1px;
}
&:hover {
i {
left: 15px;
}
}
}
}