peterkrzyzek
/
ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Update bookmark card styles

This commit is contained in:
John O'Nolan 2019-11-25 00:31:39 -08:00
parent c38822e257
commit 251cd6df4d
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/ghost/content.css
View File

@ -237,13 +237,14 @@
position: relative; position: relative;
} }
.kg-bookmark-container { .kg-bookmark-container,
.kg-bookmark-container:hover {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row-reverse; flex-direction: row-reverse;
color: currentColor; color: currentColor;
background: rgba(255,255,255,0.6); background: rgba(255,255,255,0.6);
font-family: inherit; font-family: var(--font-sans-serif);
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
@ -260,12 +261,13 @@
.kg-bookmark-title { .kg-bookmark-title {
font-weight: 600; font-weight: 600;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.3em;
} }
.kg-bookmark-description { .kg-bookmark-description {
display: -webkit-box; display: -webkit-box;
max-height: 45px; max-height: 45px;
margin: 0.6em 0 0 0; margin: 0.5em 0 0 0;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.55em; line-height: 1.55em;
overflow: hidden; overflow: hidden;
@ -274,9 +276,8 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.kg-bookmark-metadata, .kg-bookmark-metadata {
.kg-bookmark-description { margin-top: 20px;
margin-top: 0.9em;
} }
.kg-bookmark-metadata { .kg-bookmark-metadata {
@ -284,6 +285,7 @@
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.3em;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -300,14 +302,13 @@
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
vertical-align: text-bottom;
margin-right: .5em;
} }
.kg-bookmark-thumbnail { .kg-bookmark-thumbnail {
display: flex; display: flex;
flex-basis: 24rem; flex-basis: 24rem;
flex-grow: 1; flex-grow: 1;
justify-content: flex-end;
} }
.kg-bookmark-thumbnail img { .kg-bookmark-thumbnail img {