1.7 - Reorganized files, cleaning the code

Author: quead

README.md

@@ -56,8 +56,9 @@ Just take files from ***dist*** folder
 Angular2 YT Player v1.7
 - Added featured video as first video from trending
 - Notifications for important actions you do
-- Removed debugging details
-- Improved UI/UX
+- Removed debugging mode
+- Preparing packages, code and files for v2.0
+- Improved UI/UX for lists
 
 Angular2 YT Player v1.6
 - History of your watched videos

dist/assets/css/main.css

@@ -1045,7 +1045,7 @@ iframe {
 }
 
 #history-video-list .video-item-head {
-  background-color: #1c1b20;
+  background-color: #1e1d22;
 }
 
 #history-video-list .video-item {

dist/assets/scss/_header.scss

@@ -61,7 +61,7 @@
         display: flex;
         padding: 30px 20px 0 20px;
         > p {
-            font-size: 28px;
+            font-size: $f-28;
             text-transform: uppercase;
             display: block;
             margin: 0;

dist/assets/scss/_navbar.scss

@@ -27,7 +27,7 @@ nav {
         display: block;
         text-decoration: none;
         color: $c-white;
-        font-size: 14px;
+        font-size: $f-14;
         position: relative;
         padding: 10px 15px 10px 35px;
         transition: all 0.1s ease-out;
@@ -41,7 +41,7 @@ nav {
         }
         .description {
             display: block;
-            font-size: 12px;
+            font-size: $f-12;
             color: rgba($c-white, 0.5);
         }
         &:hover {

dist/assets/scss/_videos.scss

@@ -84,7 +84,7 @@ iframe {
     p {
         margin: 0 15px 0 0;
         line-height: 14px;
-        font-size: 12px;
+        font-size: $f-12;
         color: $c-light-gray;
     }
     .fa {
@@ -155,7 +155,7 @@ iframe {
     width: 100%;
     transition: height 0.1s ease-out 0.1s;
     .video-item-head {
-        background-color: darken($c-primary-inverse, 3%);
+        background-color: darken($c-primary-inverse, 2%);
     }
     .video-item {
         display: flex;
@@ -297,7 +297,7 @@ iframe {
                     height: 40px;
                     width: 40px;
                     line-height: 27px;
-                    font-size: 12px;
+                    font-size: $f-12;
                     text-align: center;
                     border-radius: 50%;
                 }
@@ -330,7 +330,7 @@ iframe {
             text-align: center;
             margin-top: 8px;
             p {
-                font-size: 14px;
+                font-size: $f-14;
                 width: 100%;
                 margin-right: 0;
                 margin-bottom: 5px;