Fix bootstrap breakpoints
This commit is contained in:
parent
c714d0a69a
commit
7dfdc843a8
|
@ -1,5 +1,6 @@
|
||||||
@use '_variables' as *;
|
@use '_variables' as *;
|
||||||
@use '_mixins' as *;
|
@use '_mixins' as *;
|
||||||
|
@use '_bootstrap-variables' as *;
|
||||||
|
|
||||||
.notification-row {
|
.notification-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -99,14 +99,6 @@ my-edit-button {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: breakpoint(lg)) {
|
|
||||||
:host-context(.main-col:not(.expanded)) {
|
|
||||||
.video-channel-buttons {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: $small-view) {
|
@media screen and (min-width: $small-view) {
|
||||||
.video-channel-buttons {
|
.video-channel-buttons {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@use 'sass:math';
|
@use 'sass:math';
|
||||||
@use '_variables' as *;
|
@use '_variables' as *;
|
||||||
@use '_mixins' as *;
|
@use '_mixins' as *;
|
||||||
|
@use '_bootstrap-variables' as *;
|
||||||
|
|
||||||
@mixin miniature-name {
|
@mixin miniature-name {
|
||||||
transition: color 0.2s;
|
transition: color 0.2s;
|
||||||
|
@ -157,10 +158,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: #{breakpoint(xm)}) {
|
|
||||||
column-gap: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: #{breakpoint(fhd)}) {
|
@media screen and (min-width: #{breakpoint(fhd)}) {
|
||||||
column-gap: 2%;
|
column-gap: 2%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue