You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
// The mixin now takes a $min and $max attribute, which both default to a value of zero.
51
+
@mixinbp($class) {
52
+
// 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.
53
+
$type: type-of($class);
54
+
55
+
// If $min is a string the mixin assumes you’re passing
56
+
// in xs, sm, md, or lg as the attribute and it would execute the previous mixin cod
57
+
@if$type== string {
58
+
@if$class== xs {
59
+
@media (max-width: 480px) { @content; }
60
+
}
61
+
@else if$class== sm {
62
+
@media (min-width: 640px) { @content; }
63
+
}
64
+
@else if$class== md {
65
+
@media (min-width: 800px) { @content; }
66
+
}
67
+
@else if$class== lg {
68
+
@media (min-width: 1024px) { @content; }
69
+
}
70
+
@else if$class== xlg {
71
+
@media (min-width: 1200px) { @content; }
72
+
}
73
+
@else if$class== xxlg {
74
+
@media (min-width: 1440px) { @content; }
75
+
}
76
+
@else {
77
+
@warn"Breakpoint mixin supports: xs, sm, md, lg";
78
+
}
79
+
}
80
+
}
81
+
82
+
// The mixin now takes a $min and $max attribute, which both default to a value of zero.
83
+
@mixinmq($min: 0, $max: 0) {
84
+
$type: type-of($min);
85
+
//// Check id the type is a number
86
+
@if$type== number {
87
+
$query: "all"!default;
88
+
@if$min!=0and$max!=0 {
89
+
$query: "(min-width: #{$min}) and (max-width: #{$max})";
90
+
}
91
+
@else if$min!=0and$max==0 {
92
+
$query: "(min-width: #{$min})";
93
+
}
94
+
@else if$min==0and$max!=0 {
95
+
$query: "(max-width: #{$max})";
96
+
}
97
+
@media#{$query} {
98
+
@content;
99
+
}
100
+
}
101
+
}
102
+
103
+
104
+
105
+
.language-javascript > .line.focus{
106
+
background: transparent!important;
107
+
// font-size: xx-large;
108
+
@includerfs(2rem, font-size);
109
+
// @include rfs(4rem, font-size);
110
+
color: #5cc4ea;
111
+
}
112
+
.revealul{ margin:0!important;}
113
+
114
+
115
+
116
+
117
+
118
+
/* Fix Issue of hidden content still taking up space */
0 commit comments