fix(docs): change responsive values in utility API examples (#1488)

Orange-OpenSource · Sep 5, 2022 · eb31641 · eb31641
1 parent 7022542
commit eb31641
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/site/content/docs/5.2/utilities/api.md b/site/content/docs/5.2/utilities/api.md
@@ -281,7 +281,7 @@ Output:
 .opacity-75 { opacity: .75 !important; }
 .opacity-100 { opacity: 1 !important; }
 
-@media (min-width: 576px) {
+@media (min-width: 480px) {
  .opacity-sm-0 { opacity: 0 !important; }
  .opacity-sm-25 { opacity: .25 !important; }
  .opacity-sm-50 { opacity: .5 !important; }
@@ -297,23 +297,23 @@ Output:
  .opacity-md-100 { opacity: 1 !important; }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
  .opacity-lg-0 { opacity: 0 !important; }
  .opacity-lg-25 { opacity: .25 !important; }
  .opacity-lg-50 { opacity: .5 !important; }
  .opacity-lg-75 { opacity: .75 !important; }
  .opacity-lg-100 { opacity: 1 !important; }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
  .opacity-xl-0 { opacity: 0 !important; }
  .opacity-xl-25 { opacity: .25 !important; }
  .opacity-xl-50 { opacity: .5 !important; }
  .opacity-xl-75 { opacity: .75 !important; }
  .opacity-xl-100 { opacity: 1 !important; }
 }
 
-@media (min-width: 1400px) {
+@media (min-width: 1440px) {
  .opacity-xxl-0 { opacity: 0 !important; }
  .opacity-xxl-25 { opacity: .25 !important; }
  .opacity-xxl-50 { opacity: .5 !important; }
@@ -466,7 +466,7 @@ This will now generate responsive variations of `.border` and `.border-0` for ea
 .border { ... }
 .border-0 { ... }
 
-@media (min-width: 576px) {
+@media (min-width: 480px) {
  .border-sm { ... }
  .border-sm-0 { ... }
 }
@@ -476,17 +476,17 @@ This will now generate responsive variations of `.border` and `.border-0` for ea
  .border-md-0 { ... }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
  .border-lg { ... }
  .border-lg-0 { ... }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
  .border-xl { ... }
  .border-xl-0 { ... }
 }
 
-@media (min-width: 1400px) {
+@media (min-width: 1440px) {
  .border-xxl { ... }
  .border-xxl-0 { ... }
 }