v1.29.0 small styles tweaks for c-orderCard and c-overflowCarousel (#202

) * v1.29.0 small styles tweaks for c-orderCard and c-overflowCarousel components * v1.29.0 Add o-links classes
justeat · Feb 6, 2019 · 3718a9e · 3718a9e
1 parent 8c50eb1
commit 3718a9e
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,25 +3,37 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html)
 
+
+v1.29.0
+------------------------------
+*February 6, 2019*
+
+### Changed
+- Fix some styles for `c-orderCard` and `c-overflowCarousel` components
+
+### Added
+- `.o-link` classes
+
+
 v1.28.0
 ------------------------------
-*January 31 2018*
+*January 31, 2019*
 
 ### Added
 - more cookie warning tweaks
 
 
 v1.27.0
 ------------------------------
-*January 31 2018*
+*January 31, 2019*
 
 ### Added
 - cookie warning text style tweaks
 
 
 v1.26.0
 ------------------------------
-*January 29, 2018*
+*January 29, 2019*
 
 ### Added
 - cookie warning styles

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@justeat/fozzie",
   "title": "Fozzie – Just Eat UI Web Framework",
   "description": "UI Web Framework for the Just Eat Global Platform",
-  "version": "1.28.0",
+  "version": "1.29.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",

diff --git a/src/scss/components/optional/_order-card.scss b/src/scss/components/optional/_order-card.scss
@@ -24,10 +24,12 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
         text-decoration: none;
         color: $grey--mid;
         width: 280px;
+        max-width: 280px;
         min-height: 259px;
 
         @include media('>=mid') {
             width: 392px;
+            max-width: 392px;
             min-height: 302px;
         }
 
@@ -41,9 +43,14 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
 
     .c-orderCard-image {
         width: 100%;
-        height: auto;
+        height: 103px;
+        overflow: hidden;
         position: relative;
 
+        @include media('>=mid') {
+            height: 145px;
+        }
+
         img {
             vertical-align: bottom;
             width: 100%;

diff --git a/src/scss/components/optional/_overflow-carousel.scss b/src/scss/components/optional/_overflow-carousel.scss
@@ -57,6 +57,10 @@
             flex: 0 0 spacing(x2);
         }
 
+        @include media('>mid') {
+            padding: spacing() spacing(x2);
+        }
+
         .c-overflowCarousel-item {
             flex: 1 0 auto;
             margin-right: spacing();

diff --git a/src/scss/objects/_links.scss b/src/scss/objects/_links.scss
@@ -25,3 +25,16 @@ a {
     //     text-decoration: none;
     // }
 }
+
+.o-link--full {
+    width: 100%;
+    display: block;
+}
+
+.o-link--noDecoration {
+    text-decoration: none;
+}
+
+.o-link--bold {
+    font-weight: $font-weight-bold;
+}