List Item - added .js context

machal · machal · commit 7c748347e596 · 2018-06-18T14:51:28.000+02:00
diff --git a/css/style.css b/css/style.css
@@ -1464,7 +1464,7 @@ Foot - stara paticka
   cursor: pointer;
   border: 1px solid #ddd;
 }
-/* # Modul Velka polozka seznamu
+/* # Komponenta Velka polozka seznamu
 
 Napr. seznamy ubytovatelu, pobytu, last-minute atd.
 
@@ -1525,8 +1525,7 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
   margin-bottom: 0;
 }
 .list-item .content h2 {
-  font-size: 14px;
-  line-height: 18px;
+  font-size: 120%;
   margin-bottom: 0;
 }
 @media only screen and (min-width: 768px) {
@@ -1563,6 +1562,12 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
   color: #075207;
   text-decoration: underline;
 }
+.js .list-item.active,
+.js .list-item:hover,
+.js .list-item:focus,
+.js .list-item:active {
+  background-color: #dedede;
+}
 /*
 
 Ceny, datumy - velke "cenovky"
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 
-<html lang="cs">
+<html lang="cs" class="no-js">
 
 <head>
   <meta charset="UTF-8">
@@ -13,6 +13,11 @@
 
   <meta content="Nejteplejší a nejúrodnější oblast u nás, kde si na své přijdou jak milovníci přírodních krás, tak zájemci o kulturní bohatství. V tomto nížinatém kraji naleznete sice jen malé kopce, ale zato vás čeká příležitost ke koštování vína a seznámení s dávnými lidovými zvyky a tradicemi." name="description">
 
+  <script>
+      document.documentElement.className =
+       document.documentElement.className.replace("no-js","js");
+  </script>
+
 </head>
 
 <body>
diff --git a/less/components/list-item.less b/less/components/list-item.less
@@ -1,4 +1,4 @@
-/* # Modul Velka polozka seznamu
+/* # Komponenta Velka polozka seznamu
 
 Napr. seznamy ubytovatelu, pobytu, last-minute atd.
 
@@ -66,8 +66,7 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
   }
 
   h2 {
-    font-size: 14px;
-    line-height: 18px;
+    font-size: 120%;
     margin-bottom: 0;
   }
 }
@@ -110,4 +109,12 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
     color: darken(@color-alpha, 20%);
     text-decoration: underline;
   }
+
+  // Funkcnost s povolenym JS
+
+  .js & {
+    background-color: #dedede;
+  }
 }
+
+

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/* # Modul Velka polozka seznamu`
	`1`	`+/* # Komponenta Velka polozka seznamu`
`2`	`2`
`3`	`3`	`Napr. seznamy ubytovatelu, pobytu, last-minute atd.`
`4`	`4`
`@@ -66,8 +66,7 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`h2 {`
`69`		`- font-size: 14px;`
`70`		`- line-height: 18px;`
	`69`	`+ font-size: 120%;`
`71`	`70`	`margin-bottom: 0;`
`72`	`71`	`}`
`73`	`72`	`}`
`@@ -110,4 +109,12 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.`
`110`	`109`	`color: darken(@color-alpha, 20%);`
`111`	`110`	`text-decoration: underline;`
`112`	`111`	`}`
	`112`	`+`
	`113`	`+ // Funkcnost s povolenym JS`
	`114`	`+`
	`115`	`+ .js & {`
	`116`	`+ background-color: #dedede;`
	`117`	`+ }`
`113`	`118`	`}`
	`119`	`+`
	`120`	`+`