Files
GeyserWebsite/_sass/github.scss
T

80 lines
1.7 KiB
SCSS

.gh-source {
display: block;
padding-right: 1.2rem;
transition: opacity .25s;
font-size: 0.8rem;
line-height: 1.2;
color: #f0f6fc;
white-space: nowrap;
}
[dir=rtl] .gh-source {
padding-right: 0;
padding-left: 1.2rem;
}
.gh-source:hover {
color: yellow;
}
.gh-source__icon+.gh-source__repository {
margin-left: -4.4rem;
padding-left: 4rem;
}
[dir=rtl] .gh-source__icon+.gh-source__repository {
margin-right: -4.4rem;
margin-left: 0;
padding-right: 4rem;
padding-left: 0;
}
.gh-source__repository {
display: inline-block;
max-width: 100%;
margin-left: 1.2rem;
font-weight: 700;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.gh-source__facts {
margin: 0;
padding: 0;
font-size: 0.8rem;
font-weight: 700;
list-style-type: none;
opacity: .75;
overflow: hidden;
}
[data-md-state=done] .gh-source__facts {
-webkit-animation: md-source__facts--done .25s ease-in;
animation: md-source__facts--done .25s ease-in;
}
.gh-source__fact {
float: left;
}
[dir=rtl] .gh-source__fact {
float: right;
}
[data-md-state=done] .gh-source__fact {
-webkit-animation: md-source__fact--done .4s ease-out;
animation: md-source__fact--done .4s ease-out;
}
.gh-source-file {
display: inline-block;
margin: 1em .5em 1em 0;
padding-right: .5rem;
border-radius: .2rem;
background-color: rgba(0, 0, 0, .07);
font-size: 1.28rem;
list-style-type: none;
cursor: pointer;
overflow: hidden;
}
.gh-source-file:before {
display: inline-block;
margin-right: .5rem;
padding: .5rem;
background-color: rgba(0, 0, 0, .26);
color: #fff;
font-size: 1.6rem;
content: "\E86F";
vertical-align: middle;
}