@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";
.block-title {
&:not([class*=pad-]) {
@include padding( rem-calc(64 0) );
}
&.theme--dark {
.heading {
&.has-arrow {
&:before {
background-image: url('/wp-content/themes/british-esports/assets/icons/arrow-right--white.svg');
}
}
}
.block-title__heading-wrapper.heading {
span {
span {
@include text-gradient--light();
}
}
}
}
&.theme--light {
.block-title__heading-wrapper.heading {
span {
span {
@include text-gradient--dark();
}
}
}
}
.heading {
color: var( --text-color );
margin-bottom: 0;
&.has-arrow {
position: relative;
&:before {
width: 8vw;
max-width: 300px;
height: 1ch;
content: '';
display: inline-block;
margin-right: rem-calc(16);
background-image: url('/wp-content/themes/british-esports/assets/icons/arrow-right.svg');
background-repeat: no-repeat;
background-position: calc(80%) center;
@include bp($md) {
content: none;
}
@include bp($lg) {
width: 10vw;
max-width: 160px;
height: 1ch;
content: '';
}
}
}
}
&__heading-wrapper.heading {
display: flex;
flex-direction: column;
span {
background: none;
animation: none;
-webkit-background-clip: text;
-webkit-text-fill-color: inherit;
&.left {
text-align: left;
}
&.center {
text-align: center;
}
&.right {
text-align: right;
}
span {
@include text-gradient--light();
}
}
}
}
Animation: