TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-11 09:53:32 +03:00
Code Issues Projects Releases Wiki Activity

Updated file styles

Browse Source
This commit is contained in:
Peter Zimon 2021-12-14 20:50:26 +01:00
parent 4a31a9e847
commit a3078589dd
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
core/frontend/src/cards/css/file.css
View File

@ -1,4 +1,4 @@
.kg-file-card {
a.kg-file-card {
display: flex;
align-items: center;
justify-content: space-between;
@ -8,66 +8,67 @@
border: 1px solid rgb(124 139 154 / 25%);
border-radius: 3px;
transition: all ease-in-out 0.35s;
text-decoration: none;
}
.kg-file-card:hover {
a.kg-file-card:hover {
border: 1px solid rgb(124 139 154 / 35%);
}
.kg-file-card-container {
.kg-file-card .kg-file-card-container {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 8px;
}
.kg-file-card-title {
.kg-file-card .kg-file-card-title {
font-size: 1.15em;
font-weight: 700;
line-height: 1.3em;
}
.kg-file-card-caption {
.kg-file-card .kg-file-card-caption {
font-size: 1.0em;
opacity: 0.6;
line-height: 1.4em;
}
.kg-file-card-metadata {
display: flex;
align-items: baseline;
.kg-file-card .kg-file-card-metadata {
display: inline;
font-size: 0.825em;
line-height: 1.4em;
margin-top: 2px;
}
.kg-file-card-filename {
.kg-file-card .kg-file-card-filename {
display: inline;
font-weight: 500;
}
.kg-file-card-filesize {
.kg-file-card .kg-file-card-filesize {
display: inline-block;
font-size: 0.925em;
opacity: 0.6;
}
.kg-file-card-filesize:before {
.kg-file-card .kg-file-card-filesize:before {
display: inline-block;
content: "\2022";
margin-left: 4px;
margin-right: 4px;
}
.kg-file-card-icon {
.kg-file-card .kg-file-card-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
min-width: 80px;
height: 100%;
}
.kg-file-card-icon:before {
.kg-file-card .kg-file-card-icon:before {
position: absolute;
display: block;
content: "";
@ -85,31 +86,31 @@
opacity: 0.08;
}
.kg-file-card-icon svg {
.kg-file-card .kg-file-card-icon svg {
width: 24px;
height: 24px;
color: var(--ghost-accent-color);
}
/* Size variations */
.kg-file-card-medium {
.kg-file-card.kg-file-card-medium {
min-height: 72px;
}
.kg-file-card-medium .kg-file-card-container .kg-file-card-caption {
.kg-file-card.kg-file-card-medium .kg-file-card-container .kg-file-card-caption {
opacity: 1.0;
font-weight: 500;
}
.kg-file-card-small {
.kg-file-card.kg-file-card-small {
min-height: 52px;
}
.kg-file-card-small .kg-file-card-metadata {
.kg-file-card.kg-file-card-small .kg-file-card-metadata {
font-size: 1.0em;
}
.kg-file-card-small .kg-file-card-icon svg {
.kg-file-card.kg-file-card-small .kg-file-card-icon svg {
width: 20px;
height: 20px;
}