iconly 1.0.0

data/app/assets/stylesheets/iconly/file_input.scss

@@ -0,0 +1,25 @@
+.btn-file {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.btn-file input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  -ms-filter: 'alpha(opacity=0)';
+  font-size: 200px !important;
+  direction: ltr;
+  cursor: pointer;
+}
+
+/* Fixes for IE < 8 */
+@media screen\9 {
+  .btn-file input {
+    filter: alpha(opacity=0);
+    font-size: 100%;
+    height: 100%;
+  }
+}

data/app/assets/stylesheets/iconly/header.scss

@@ -0,0 +1,179 @@
+$nav-link-color: #6e7b88;
+
+.app-header {
+  background: #36404a;
+
+  .navbar-nav {
+    .nav-link {
+      color: $nav-link-color;
+      font-weight: bold;
+      transition: color .2s;
+
+      &:hover {
+        color: #fff;
+      }
+    }
+
+    .show .nav-link {
+      color: #fff;
+    }
+  }
+
+  .navbar-nav > li > .dropdown-menu {
+    margin-top: .45rem !important;
+    font-size: inherit;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .first {
+    margin-left: 3em;
+  }
+
+  .nav-link-in {
+    height: 36px;
+    line-height: 36px;
+    display: inline-block;
+
+    img {
+      height: 100%;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .nav-btn {
+    height: 30px;
+    margin-top: .5rem;
+    padding-top: .3rem;
+  }
+
+  .user {
+    .dropdown-menu {
+      margin-top:  .4rem !important;
+    }
+
+    .dropdown-toggle {
+      &:after {
+        border-bottom-color: $nav-link-color;
+        position: relative;
+        top: -.5rem;
+      }
+    }
+
+    .nav-link-in {
+      width: 36px;
+      position: relative;
+      border: 2px solid $nav-link-color;
+      border-radius: 50%;
+      overflow: hidden;
+      position: relative;
+      top: .3rem;
+    }
+
+    .placeholder {
+      color: $nav-link-color;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-top: -18px;
+      margin-left: -7px;
+      display: none;
+    }
+
+    .img-false .placeholder {
+      display: block;
+    }
+  }
+
+  .app-search {
+    margin-top: .7rem;
+    padding-left: 24px;
+    padding-right: 10px;
+    background: rgba(255, 255, 255, 0.1);
+    box-shadow: none;
+    border-radius: 30px;
+    height: 30px;
+    width: 11rem;
+    position: relative;
+
+    .form-control {
+      font-size: 13px;
+      border: none;
+      background: transparent;
+      width: 100%;
+      color: #fff;
+    }
+
+    .magnifier {
+      position: absolute;
+      top: .2rem;
+      left: 1rem;
+      color: #99a4ab;
+
+      &:before {
+        font-size: .7rem;
+      }
+    }
+  }
+
+  .navbar-toggler {
+    position: absolute;
+    left: 7.5rem;
+    top: 1rem;
+  }
+
+  .navbar-user {
+    position: absolute;
+    right: 1rem;
+    text-align: right;
+
+    &.signed-in-true {
+      top: -.3rem;
+    }
+  }
+}
+
+input:-webkit-autofill {
+  background: transparent;
+}
+
+.navbar-brand {
+  color: #fff !important;
+  letter-spacing: .05em;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+@media(max-width: 768px) {
+  .app-header {
+    .app-search {
+      margin-top: .5rem;
+      margin-left: 0;
+      margin-bottom: .5rem;
+      width: 100%;
+
+      .magnifier {
+        right: 2rem;
+      }
+    }
+
+    .navbar-user {
+      .nav-link {
+        padding-top: .2rem;
+      }
+
+      .dropdown-menu {
+        margin-top: -.5rem !important;
+        border-top-right-radius: 4px;
+        border-top-left-radius: 4px;
+      }
+    }
+
+    .navbar-brand {
+      padding-top: .4rem;
+    }
+  }
+}

data/app/assets/stylesheets/iconly/iconly.scss.erb

@@ -0,0 +1,61 @@
+@font-face {
+  font-family: "iconly";
+  src: url(<%= asset_path "iconly/iconly.eot" %>);
+  src: url(<%= asset_path "iconly/iconly.eot?#iefix" %>) format("embedded-opentype"),
+       url(<%= asset_path "iconly/iconly.woff" %>) format("woff"),
+       url(<%= asset_path "iconly/iconly.ttf" %>) format("truetype"),
+       url(<%= asset_path "iconly/iconly.svg#iconly" %>) format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-size: 14px;
+}
+
+[data-icon]:before { content: attr(data-icon); }
+
+[data-icon]:before,
+.iconly-baby:before,
+.iconly-baby2:before,
+.iconly-cross:before,
+.iconly-earth:before,
+.iconly-file-add:before,
+.iconly-file-check:before,
+.iconly-file-empty:before,
+.iconly-files:before,
+.iconly-folder-download:before,
+.iconly-folder-plus:before,
+.iconly-github:before,
+.iconly-magnifier:before,
+.iconly-menu:before,
+.iconly-pencil:before,
+.iconly-power-switch:before,
+.iconly-trash:before,
+.iconly-user:before {
+  display: inline-block;
+  font-family: "iconly";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-decoration: inherit;
+  text-transform: none;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+.iconly-baby:before { content: "\f139"; }
+.iconly-baby2:before { content: "\f13a"; }
+.iconly-cross:before { content: "\f13b"; }
+.iconly-earth:before { content: "\f13c"; }
+.iconly-file-add:before { content: "\f13d"; }
+.iconly-file-check:before { content: "\f13e"; }
+.iconly-file-empty:before { content: "\f13f"; }
+.iconly-files:before { content: "\f140"; }
+.iconly-folder-download:before { content: "\f141"; }
+.iconly-folder-plus:before { content: "\f142"; }
+.iconly-github:before { content: "\f149"; }
+.iconly-magnifier:before { content: "\f143"; }
+.iconly-menu:before { content: "\f144"; }
+.iconly-pencil:before { content: "\f146"; }
+.iconly-power-switch:before { content: "\f147"; }
+.iconly-trash:before { content: "\f148"; }
+.iconly-user:before { content: "\f14a"; }

data/app/assets/stylesheets/iconly/layout.scss

@@ -0,0 +1,269 @@
+html, body {
+  height: 100%;
+}
+
+body {
+  font-family: $body-font;
+  font-size: 14px;
+  padding-top: 6rem;
+  position: relative;
+  background: #ebeff2;
+  margin: 0;
+  overflow-x: hidden;
+  background: #ebeff2;
+  color: #797979;
+}
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $color-dark;
+  font-family: $heading-font;
+  margin: 10px 0;
+}
+
+h1 {
+  font-size: 1.3rem;
+  font-weight: bold;
+}
+
+h2 {
+  font-size: .9rem;
+}
+
+h3 {
+  font-size: 1.05rem;
+}
+
+h3 small {
+  color: #444444;
+}
+
+h4 {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+h4 small {
+  color: #444;
+}
+
+h5 {
+  font-size: 1rem;
+}
+
+a, a:visited, a:hover, a:focus {
+  text-decoration: none;
+}
+
+.font-600 {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-normal {
+  font-weight: normal;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-lg {
+  font-size: 4rem;
+}
+
+.text-sm {
+  font-size: .8rem;
+}
+
+.text-pale {
+  color: $color-pale;
+}
+
+.text-dark,
+.text-dark a {
+  color: $color-dark;
+}
+
+.app-body {
+  position: relative;
+  padding-bottom: 7rem;
+  min-height: 100%;
+}
+
+.app-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-top: 1px solid #ddd;
+}
+
+.page-header {
+  margin-bottom: 2rem;
+}
+
+.sidebar {
+  font-family: $heading-font;
+
+  a, a:visited {
+    line-height: 1;
+  }
+
+  table {
+    width: 100%;
+  }
+}
+
+// buttons
+
+.btn-svg {
+  width: 3rem;
+  height: 3rem;
+  transition: background .2s;
+  margin-bottom: .5rem;
+  margin-right: .3rem;
+  text-align: center;
+
+  &.selected {
+    background: #ccc;
+  }
+
+  svg, img {
+    margin-left: calc(50% - 0.7rem);
+    width: 24px;
+    height: 24px;
+    position: relative;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+  }
+
+  &.btn-sm {
+    width: 2.2rem;
+    height: 2.2rem;
+
+    svg, img {
+      max-width: 1.2rem;
+      max-height: 1.2rem;
+    }
+  }
+
+  &.remove {
+    position: relative;
+    transition: none;
+
+    .rm {
+      position: absolute;
+      top: -.4rem;
+      right: -.4rem;
+      font-size: .6rem;
+      background: #fff;
+      border-radius: 50%;
+      width: 1.2rem;
+      height: 1.2rem;
+      line-height: 1.3rem;
+      text-align: center;
+      display: none;
+
+      &:before {
+        font-size: 12px;
+      }
+    }
+
+    &:hover .rm {
+      display: block;
+    }
+  }
+}
+
+.project-pkg-true {
+  .btn-svg:hover {
+    background: #ddd;
+    cursor: pointer;
+  }
+
+  .card .btn-svg:hover {
+    background: #eee;
+  }
+}
+
+.package-files {
+  text-align: left;
+  margin-bottom: 1.5rem;
+  background: #f4f8fb;
+  padding: 1rem;
+  border-radius: .3rem;
+  box-shadow: 0 1px 5px rgba(178, 203, 222, 0.69) inset;
+
+  .in {
+    height: 10rem;
+    overflow: hidden;
+    overflow-y: auto;
+  }
+
+  .badge {
+    font-weight: normal;
+    margin-right: .2rem;
+    padding: .2rem .3rem;
+  }
+}
+
+.inline-links {
+  a, a:visited {
+    color: $color-pale;
+    padding: .2rem .5rem;
+    display: inline-block;
+    border-radius: .15rem;
+  }
+
+  a:hover {
+    background: #ddd;
+  }
+
+  a:active {
+    background: #ccc;
+  }
+
+  a.shared {
+    color: $brand-default;
+  }
+}
+
+// utils
+
+.m-a-0:after {
+  margin: 0;
+}
+
+.mr-05 {
+  margin-right: .5rem;
+}
+
+.mt-05 {
+  margin-top: .5rem;
+}
+
+.brd-btm {
+  border-bottom: 1px solid #ddd;
+  padding-bottom: .8rem;
+}
+
+@media(max-width: 768px) {
+  body {
+    padding-top: 8rem;
+  }
+}