@@ -1206,7 +1206,7 @@ $btn-mb: 0.5rem;
12061206
12071207*/
12081208
1209- @media all and (width <= 576px ) {
1209+ @media all and (max- width: 576px ) {
12101210 #main-wrapper {
12111211 min-height : calc (100vh - #{$footer-height-mobile } );
12121212 }
@@ -1232,7 +1232,7 @@ $btn-mb: 0.5rem;
12321232 }
12331233}
12341234
1235- @media all and (width <= 768 px ) {
1235+ @media all and (max- width: 576 px ) {
12361236 %full-width {
12371237 max-width : 100% ;
12381238 }
@@ -1248,7 +1248,7 @@ $btn-mb: 0.5rem;
12481248}
12491249
12501250/* hide sidebar and panel */
1251- @media all and (width <= 849px ) {
1251+ @media all and (max- width: 849px ) {
12521252 @mixin slide ($append : null) {
12531253 $basic : transform 0.4s ease ;
12541254
@@ -1352,14 +1352,14 @@ $btn-mb: 0.5rem;
13521352} /* max-width: 849px */
13531353
13541354/* Phone & Pad */
1355- @media all and (width >= 577px ) and (width <= 1199px ) {
1355+ @media all and (min- width: 577px ) and (max- width: 1199px ) {
13561356 footer .d-flex > div {
13571357 width : 312px ;
13581358 }
13591359}
13601360
13611361/* Sidebar is visible */
1362- @media all and (width >= 850px ) {
1362+ @media all and (min- width: 850px ) {
13631363 /* Solved jumping scrollbar */
13641364 html {
13651365 overflow-y : scroll ;
@@ -1428,15 +1428,15 @@ $btn-mb: 0.5rem;
14281428}
14291429
14301430/* Pad horizontal */
1431- @media all and (width >= 992px ) and (width <= 1199px ) {
1431+ @media all and (min- width: 992px ) and (max- width: 1199px ) {
14321432 #main .col-lg-11 {
14331433 flex : 0 0 96% ;
14341434 max-width : 96% ;
14351435 }
14361436}
14371437
14381438/* Compact icons in sidebar & panel hidden */
1439- @media all and (width >= 850px ) and (width <= 1199px ) {
1439+ @media all and (min- width: 850px ) and (max- width: 1199px ) {
14401440 #search-results > div {
14411441 max-width : 700px ;
14421442 }
@@ -1451,7 +1451,7 @@ $btn-mb: 0.5rem;
14511451}
14521452
14531453/* panel hidden */
1454- @media all and (width <= 1199px ) {
1454+ @media all and (max- width: 1199px ) {
14551455 #panel-wrapper {
14561456 display : none ;
14571457 }
@@ -1463,7 +1463,7 @@ $btn-mb: 0.5rem;
14631463
14641464/* --- desktop mode, both sidebar and panel are visible --- */
14651465
1466- @media all and (width >= 1200px ) {
1466+ @media all and (min- width: 1200px ) {
14671467 #back-to-top {
14681468 bottom : 6.5rem ;
14691469 }
@@ -1504,13 +1504,13 @@ $btn-mb: 0.5rem;
15041504 }
15051505}
15061506
1507- @media all and (width >= 1400px ) {
1507+ @media all and (min- width: 1400px ) {
15081508 #back-to-top {
15091509 right : calc ((100vw - #{$sidebar-width } - 1140px ) / 2 + 3rem );
15101510 }
15111511}
15121512
1513- @media all and (width >= 1650px ) {
1513+ @media all and (min- width: 1650px ) {
15141514 $icon-gap : 1rem ;
15151515
15161516 #main-wrapper ,
0 commit comments