app/assets/stylesheets/application.scss
//= require ./bootstrap
//= require octicons
//= require_self
[ng-cloak], .ng-cloak {
display: none !important;
}
body {
background-image: asset-data-url('background.png');
}
.body__background {
z-index: -1;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(to right, #f9f9f9, #f9f9f9);
background-repeat: repeat-y;
background-size: 800px 1px;
background-position: top center;
}
input[type="search"] {
-webkit-appearance: searchfield !important;
}
footer {
margin: 0 auto;
padding: 30px 0;
text-align: center;
}
.typeahead {
position: absolute;
top: 38px;
z-index: 1000;
width: 100%;
margin-top: 3px;
cursor: pointer !important;
.panel-body {
padding: 0;
}
.media {
padding: 15px 15px 5px 15px;
margin: 0;
height: 95px !important;
}
.media:first-child {
padding-top: 15px;
}
.media.active {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
margin-top: -1px;
margin-bottom: 1px;
border-left: 5px solid #e7e7e7;
margin-left: -5px;
}
.media.inactive {
opacity: 0.8;
}
}
.suggestions {
margin-top: 20px;
}
.recommendations {
.media {
padding: 0;
margin-bottom: 5px;
height: 64px !important;
}
}
.btn {
.octicon {
cursor: pointer;
margin-left: 5px;
}
> span {
vertical-align: middle;
& + .octicon {
margin-left: 5px;
}
}
}
.logo {
&__img {
width: 24px;
height: 24px;
vertical-align: middle;
margin: 0 5px 0 0;
}
&__text {
vertical-align: middle;
}
}
.jumbotron {
&__image {
width: 64px;
height: 64px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
&__text {
vertical-align: middle;
}
}
.u {
&__ellipsed {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
&__relative {
position: relative;
}
}
.repo {
&__avatar {
width: 64px;
height: 64px;
}
&__show-related {
margin-top: 18px;
.btn {
width: 100%;
}
}
}
.navbar__hello {
margin-right: 10px;
}
.search {
position: relative;
&__input {
font-size: 16px;
margin-bottom: 5px;
}
}
.popularity {
text-align: right;
margin-top: -3px;
&__select {
margin-left: 12px;
margin-right: 12px;
}
}