Komponenta Price do List Item

Author: machal

css/style.css

@@ -67,6 +67,25 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
 
 // Cenovy stitek
 
+.list-item .price {
+  display: inline-block;
+  width: auto;
+  color: #444;
+
+    strong {
+      font-weight: normal;
+      color: #888;
+    }
+}
+
+.list-item .price.price--big {
+  background-color: #ddd;
+  padding: 3px;
+    margin: 0 6px 18px 0;
+}
+
+// Umisteni v komponente
+
 .list-item .content .price {
   @media #{$large-start} {
     position: absolute;
@@ -75,6 +94,8 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
   }
 }
 
+
+
 // Varianta bez spodniho ramecku
 // Napr. na homepages verze 2014
 

css/style.css.map

@@ -0,0 +1,7 @@
+/*
+
+Ceny - velke "cenovky"
+======================
+
+*/
+

scss/components/_list-item.scss

@@ -22,7 +22,6 @@
 @import "components/foot";
 @import "components/inline-list";
 @import "components/list-item";
-@import "components/price-date";
 @import "components/site_logo";
 @import "components/site_nav";
 

scss/components/_price-date.scss

@@ -25,6 +25,16 @@ $anchor-color: 	#0EB10E;
 $active-color: 	darken($anchor-color, 20%);
 $text-color: 	#000;
 
+// Sedive barvy
+$color-grey-1: #444;
+$color-grey-2: #555;
+$color-grey-3: #666;
+$color-grey-4: #888;
+$color-grey-5: #eee;
+$color-grey-6: #ddd;
+$color-grey-7: #eee;
+
+
 // Svetla barva pro pozadi prvku
 // Smichana hlavni barva se svetle sedivou.
 // (Otestovano jako viditelne i na mem Samsung monitoru)