First Commit

hackatonApp/scss/bookmarks/bookmarks.styles.scss

@@ -0,0 +1,75 @@
+.bookmarks-view
+{
+  background-color: $content-bg;
+
+  .scroll-content .scroll,
+  .bookmarks-container
+  {
+    height: 100%;
+  }
+
+  .empty-results
+  {
+    text-align: center;
+
+    .icon
+    {
+      font-size: 170px;
+      color: lighten($content-bg, 10);
+    }
+
+    .no-bookmarks
+    {
+      color: darken($content-bg, 10);
+      font-size: 22px;
+    }
+  }
+
+
+  .bookmarks-list
+  {
+    overflow-y: scroll;
+    height: 100%;
+  }
+
+  // Fix scrollbar style introduced on ionic v1rc1
+  .bookmarks-list::-webkit-scrollbar
+  {
+    display: none !important;
+    width: 0 !important;
+  }
+
+  .bookmark-item
+  {
+    padding: 10px 0px;
+    border-bottom: 1px solid rgba(darken($content-color, 15), .2);
+    margin: 0px 16px;
+
+    *
+    {
+      text-decoration: none;
+      color: $content-color;
+    }
+
+    .post-title
+    {
+      margin: 0px;
+      font-size: 20px;
+      font-weight: 300;
+      letter-spacing: -1px;
+    }
+
+    .post-date
+    {
+      margin: 0px;
+      font-size: 12px;
+      font-weight: 200;
+      color: rgba(lighten($content-color, 10), .7);
+    }
+
+    .post-time
+    {
+      color: rgba(darken($content-color, 10), .9);
+    }
+  }
+}