Remove bookmark card related CSS

This commit is contained in:
Sodbileg Gansukh 2021-11-17 18:22:47 +08:00
parent d652252699
commit 3cbe9b2c97
3 changed files with 4 additions and 155 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1143,119 +1143,6 @@ iframe.instagram-media + script + :not([id]) {
} }
/* Bookmark Cards
/* ---------------------------------------------------------- */
/* These are styled links with structured data, similar to a
Twitter card. These styles roughly match what you see in the
Ghost editor. */
.kg-bookmark-card,
.kg-bookmark-publisher {
position: relative;
width: 100%;
}
.kg-bookmark-container,
.kg-bookmark-container:hover {
display: flex;
color: currentColor;
font-family: var(--font-sans-serif);
text-decoration: none !important;
background: rgba(255,255,255,0.6);
border-radius: 5px;
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
overflow: hidden;
}
.kg-bookmark-content {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-basis: 100%;
align-items: flex-start;
justify-content: flex-start;
padding: 20px;
}
.kg-bookmark-title {
font-size: 1.5rem;
line-height: 1.4em;
font-weight: 600;
color: #15171A;
}
.kg-bookmark-description {
display: -webkit-box;
font-size: 1.4rem;
line-height: 1.5em;
margin-top: 3px;
color: #626d79;
font-weight: 400;
max-height: 44px;
overflow-y: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.kg-bookmark-metadata {
display: flex;
align-items: center;
margin-top: 22px;
width: 100%;
color: #394047;
font-size: 1.4rem;
font-weight: 500;
}
.kg-bookmark-icon {
width: 20px;
height: 20px;
margin-right: 6px;
}
.kg-bookmark-author,
.kg-bookmark-publisher {
display: inline;
}
.kg-bookmark-publisher {
text-overflow: ellipsis;
overflow: hidden;
max-width: 240px;
white-space: nowrap;
display: block;
line-height: 1.65em;
}
.kg-bookmark-metadata > span:nth-of-type(2) {
color: #626d79;
font-weight: 400;
}
.kg-bookmark-metadata > span:nth-of-type(2):before {
content: "•";
color: #394047;
margin: 0 6px;
}
.kg-bookmark-thumbnail {
position: relative;
flex-grow: 1;
min-width: 33%;
}
.kg-bookmark-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-radius: 0 4px 4px 0;
}
/* Card captions /* Card captions
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
@ -1884,9 +1771,8 @@ html.dark-mode .gh-content :not(pre) > code {
color: var(--color-wash); color: var(--color-wash);
} }
html.dark-mode .gh-content a:not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card) { html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card) {
color: #fff; color: #fff;
box-shadow: inset 0 -1px 0 #fff;
} }
html.dark-mode .gh-content strong { html.dark-mode .gh-content strong {
@ -1933,28 +1819,10 @@ html.dark-mode .gh-content table td {
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid; border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
} }
html.dark-mode .gh-content .kg-bookmark-container,
html.dark-mode .gh-content .kg-bookmark-container:hover {
color: rgba(255, 255, 255, 0.75);
box-shadow: 0 0 1px rgba(255,255,255,0.9);
}
html.dark-mode .gh-content input { html.dark-mode .gh-content input {
color: color-mod(var(--color-midgrey) l(-30%)); color: color-mod(var(--color-midgrey) l(-30%));
} }
html.dark-mode .kg-bookmark-title {
color: #fff;
}
html.dark-mode .kg-bookmark-description {
color: rgba(255, 255, 255, 0.75);
}
html.dark-mode .kg-bookmark-metadata {
color: rgba(255, 255, 255, 0.75);
}
html.dark-mode .site-archive-header .no-image { html.dark-mode .site-archive-header .no-image {
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
background: var(--color-darkmode); background: var(--color-darkmode);
@ -2041,9 +1909,8 @@ html.dark-mode .site-archive-header .no-image {
color: var(--color-wash); color: var(--color-wash);
} }
html.auto-color .gh-content a:not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card) { html.auto-color .gh-content a:not(.kg-btn):not(.kg-nft-card) {
color: #fff; color: #fff;
box-shadow: inset 0 -1px 0 #fff;
} }
html.auto-color .gh-content strong { html.auto-color .gh-content strong {
@ -2090,28 +1957,10 @@ html.dark-mode .site-archive-header .no-image {
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid; border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
} }
html.auto-color .gh-content .kg-bookmark-container,
html.auto-color .gh-content .kg-bookmark-container:hover {
color: rgba(255, 255, 255, 0.75);
box-shadow: 0 0 1px rgba(255,255,255,0.9);
}
html.auto-color .gh-content input { html.auto-color .gh-content input {
color: color-mod(var(--color-midgrey) l(-30%)); color: color-mod(var(--color-midgrey) l(-30%));
} }
html.auto-color .kg-bookmark-title {
color: #fff;
}
html.auto-color .kg-bookmark-description {
color: rgba(255, 255, 255, 0.75);
}
html.auto-color .kg-bookmark-metadata {
color: rgba(255, 255, 255, 0.75);
}
html.auto-color .site-archive-header .no-image { html.auto-color .site-archive-header .no-image {
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
background: var(--color-darkmode); background: var(--color-darkmode);