1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // Styles accompanying the "Loading remote data" example `templateResult
- .select2-result-repository {
- padding-top: 4px;
- padding-bottom: 3px;
- &__avatar {
- float: left;
- width: 60px;
- margin-right: 10px;
- img {
- width: 100%;
- height: auto;
- border-radius: 2px;
- }
- }
- &__meta {
- margin-left: 70px;
- }
- &__title {
- color: black;
- font-weight: bold;
- word-wrap: break-word;
- line-height: 1.1;
- margin-bottom: 4px;
- }
- &__forks,
- &__stargazers {
- margin-right: 1em;
- }
- &__forks,
- &__stargazers,
- &__watchers {
- display: inline-block;
- color: #aaa;
- font-size: 11px;
- }
- &__description {
- font-size: 13px;
- color: #777;
- margin-top: 4px;
- }
- .select2-results__option--highlighted & {
- &__title {
- color: white;
- }
- &__forks,
- &__stargazers,
- &__description,
- &__watchers {
- color: mix(#428BCA, white, 30%);
- }
- }
- }
|