Merge pull request #455 from frontside-folio/jc/media-query-var-names

Fix CSS variable naming for breakpoints
folio-org · Oct 5, 2018 · 8d4217b · 8d4217b
2 parents 33431c1 + b88f9b3
commit 8d4217b
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Change history for stripes-core
 
+## [2.15.3](https://github.com/folio-org/stripes-core/tree/v2.15.3) (2018-10-05)
+[Full Changelog](https://github.com/folio-org/stripes-core/compare/v2.15.2...v2.15.3)
+
+* Fix CSS variable naming for breakpoints
+
 ## [2.15.2](https://github.com/folio-org/stripes-core/tree/v2.15.2) (2018-10-04)
 [Full Changelog](https://github.com/folio-org/stripes-core/compare/v2.15.1...v2.15.2)
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@folio/stripes-core",
-  "version": "2.15.2",
+  "version": "2.15.3",
   "description": "The starting point for Stripes applications",
   "license": "Apache-2.0",
   "repository": "folio-org/stripes-core",

diff --git a/src/components/About/About.css b/src/components/About/About.css
@@ -1,6 +1,6 @@
 @import "@folio/stripes-components/lib/variables.css";
 
-@media (--largeUp) {
+@media (--large-up) {
   .versionsContainer {
     display: flex;
   }

diff --git a/src/components/MainNav/AppList/AppList.css b/src/components/MainNav/AppList/AppList.css
@@ -104,7 +104,7 @@ ul.dropdownList {
   }
 }
 
-@media (--mediumUp) {
+@media (--medium-up) {
   .dropdownListItemDescription {
     display: block;
   }
@@ -118,7 +118,7 @@ ul.dropdownList {
   }
 }
 
-@media (--largeUp) {
+@media (--large-up) {
   .navItemsList {
     display: flex;
   }

diff --git a/src/components/MainNav/MainNav.css b/src/components/MainNav/MainNav.css
@@ -30,7 +30,7 @@
   }
 }
 
-@media (--mediumDown) {
+@media (--medium-down) {
   .brandingLabel {
     display: none;
   }

diff --git a/src/components/MainNav/NavDivider/NavDivider.css b/src/components/MainNav/NavDivider/NavDivider.css
@@ -6,7 +6,7 @@
   margin: 0 5px;
 }
 
-@media (--mediumDown) {
+@media (--medium-down) {
   .hideMed {
     display: none;
   }

diff --git a/src/components/MainNav/NavDropdownMenu/NavDropdownMenu.css b/src/components/MainNav/NavDropdownMenu/NavDropdownMenu.css
@@ -22,7 +22,7 @@
   }
 }
 
-@media (--mediumDown) {
+@media (--medium-down) {
   .DropdownMenu {
     min-width: 29.5rem;
   }

diff --git a/src/components/MainNav/NavGroup/NavGroup.css b/src/components/MainNav/NavGroup/NavGroup.css
@@ -9,7 +9,7 @@
   margin: 0;
 }
 
-@media (--mediumDown) {
+@media (--medium-down) {
   .navGroup {
     &.hideMed {
       display: none;

diff --git a/src/components/SystemSkeleton/SystemSkeleton.css b/src/components/SystemSkeleton/SystemSkeleton.css
@@ -78,7 +78,7 @@
   display: flex;
 }
 
-@media (--mediumDown) {
+@media (--medium-down) {
   .hideOnSmallScreens {
     display: none;
   }