// The mixin now takes a $min and $max attribute, which both default to a value of zero.
@mixinbp($class) {
// We check the type of value of the first passed it attribute, which in this case in $min. This helps us identify if we’re passing in a Bootstrap class or a custom width.
$type: type-of($class);
// If $min is a string the mixin assumes you’re passing
// in xs, sm, md, or lg as the attribute and it would execute the previous mixin cod
@if$type== string {
@if$class== xs {
@media (max-width: 480px) { @content; }
}
@else if$class== sm {
@media (min-width: 640px) { @content; }
}
@else if$class== md {
@media (min-width: 800px) { @content; }
}
@else if$class== lg {
@media (min-width: 1024px) { @content; }
}
@else if$class== xlg {
@media (min-width: 1200px) { @content; }
}
@else if$class== xxlg {
@media (min-width: 1440px) { @content; }
}
@else {
@warn"Breakpoint mixin supports: xs, sm, md, lg";
}
}
}
// The mixin now takes a $min and $max attribute, which both default to a value of zero.
@mixinmq($min: 0, $max: 0) {
$type: type-of($min);
//// Check id the type is a number
@if$type== number {
$query: "all"!default;
@if$min!=0and$max!=0 {
$query: "(min-width: #{$min}) and (max-width: #{$max})";
}
@else if$min!=0and$max==0 {
$query: "(min-width: #{$min})";
}
@else if$min==0and$max!=0 {
$query: "(max-width: #{$max})";
}
@media#{$query} {
@content;
}
}
}
.language-javascript > .line.focus{
background: transparent!important;
// font-size: xx-large;
@includerfs(2rem, font-size);
// @include rfs(4rem, font-size);
color: #5cc4ea;
}
.revealul{ margin:0!important;}
/* Fix Issue of hidden content still taking up space */