Коррекция контрольных точек SCSS
Я структурировал свои контрольные точки следующим образом, мне нужно 1024 контрольных точки. я уже макс-ширина 1199 получить конфликт может кто-нибудь, пожалуйста, помогите мне с этим.
// точка останова // ------------------------------
/* Portrait phones and smaller */
@mixin bp-xsmall-only {
@media only screen and (max-width: 480px) {
@content;
}
}
/* Landscape phones and portrait tablets */
@mixin bp-small-and-below {
@media only screen and (max-width: 767px) {
@content;
}
}
/* Portrait tablets and small desktops */
@mixin bp-medium-only {
@media only screen and (min-width: 768px) and (max-width: 991px) {
@content;
}
}
/* Landscape tablets and medium desktops */
@mixin bp-large-only {
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@content;
}
}
/* Large desktops and laptops */
@mixin bp-large-and-above {
@media only screen and (min-width: 992px) {
@content;
}
}
@mixin bp-xlarge-only {
@media only screen and (min-width: 1200px) {
@content;
}
}