simon/ghost-theme-sd.ai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed separators

Browse Source
This commit is contained in:
Sodbileg Gansukh 2023-08-10 21:26:14 +08:00
parent 58a25b9f34
commit ef5a043e45
3 changed files with 73 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

73
assets/css/screen.css
View File

@ -827,6 +827,7 @@ Search LOGO Login Subscribe
.gh-header-inner { .gh-header-inner {
position: relative; position: relative;
overflow: hidden;
} }
/* 8.1. Magazine layout */ /* 8.1. Magazine layout */
@ -1007,7 +1008,7 @@ Search LOGO Login Subscribe
background-color: var(--color-border); background-color: var(--color-border);
} }
.gh-header.is-highlight .gh-card + .gh-card::before { .gh-header.is-highlight .gh-card::before {
position: absolute; position: absolute;
top: calc(var(--grid-gap) / -2); top: calc(var(--grid-gap) / -2);
left: 0; left: 0;
@ -1017,6 +1018,74 @@ Search LOGO Login Subscribe
background-color: var(--color-border); background-color: var(--color-border);
} }
@media (max-width: 1024px) {
.gh-header.is-highlight .gh-header-inner {
grid-template-columns: repeat(9, 1fr);
}
.gh-header.is-highlight .gh-header-left {
grid-column: span 6;
}
.gh-header.is-highlight .gh-header-middle {
grid-column: 7 / -1;
}
.gh-header.is-highlight .gh-header-right {
grid-column: 1 / -1;
}
.gh-header.is-highlight .gh-featured-feed {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.gh-header.is-highlight .gh-featured-feed .gh-card:before {
width: calc(100% + var(--grid-gap));
}
.gh-header.is-highlight .gh-featured-feed .gh-card::after {
position: absolute;
top: 0;
left: calc(var(--grid-gap) / -2);
content: "";
width: 1px;
height: 100%;
background-color: var(--color-border);
}
}
@media (max-width: 768px) {
.gh-header.is-highlight .gh-featured-feed {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.gh-header.is-highlight .gh-header-middle .gh-card:nth-child(2) .gh-card-image {
display: none;
}
}
@media (max-width: 640px) {
.gh-header.is-highlight .gh-header-inner {
display: flex;
flex-direction: column;
}
.gh-header.is-highlight .gh-header-middle .gh-card .gh-card-image {
display: block !important;
}
.gh-header.is-highlight .gh-featured-feed {
display: flex;
gap: calc(var(--grid-gap) / 2);
}
.gh-header.is-highlight .gh-featured-feed .gh-card::before {
display: none;
}
}
/* 8.3. Classic layout */ /* 8.3. Classic layout */
.gh-header.is-classic { .gh-header.is-classic {
@ -1274,7 +1343,7 @@ Search LOGO Login Subscribe
margin-top: 10px; margin-top: 10px;
} }
.gh-featured-feed .gh-card + .gh-card::before { .gh-featured-feed .gh-card::before {
position: absolute; position: absolute;
top: 0; top: 0;
left: calc(var(--grid-gap) / -2); left: calc(var(--grid-gap) / -2);