refactor, redesign
This commit is contained in:
parent
83a9e85d3d
commit
ff48d782c3
5 changed files with 46 additions and 20 deletions
|
@ -3,8 +3,7 @@ p {
|
|||
}
|
||||
|
||||
.wrapper {
|
||||
background-color: #171926;
|
||||
background-image: linear-gradient(to bottom, #171926, #10121d);
|
||||
background-color: #10121d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
@ -30,21 +29,21 @@ p {
|
|||
.contents {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
width: 80%;
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.graphics {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
width: 20%;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.graphics > img {
|
||||
|
@ -54,14 +53,31 @@ p {
|
|||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
font-weight: 800;
|
||||
font-size: 4.5rem;
|
||||
line-height: 1em;
|
||||
display: flex;
|
||||
column-gap: 0.25em;
|
||||
row-gap: -0.1em;
|
||||
line-height: 1em;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
.repo .title {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.title span.word {
|
||||
max-width: 100%;
|
||||
padding: 2rem 0;
|
||||
margin: -2rem 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.title span.word:last-child {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.issue .number {
|
||||
|
@ -97,6 +113,10 @@ p {
|
|||
font-size: 42px;
|
||||
font-weight: 500;
|
||||
color: #8c91af;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
line-clamp: 2'...';
|
||||
}
|
||||
|
||||
.languages {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue