css
This commit is contained in:
parent
429de4ecfd
commit
1021e87769
|
@ -90,21 +90,22 @@ function div_photo() {
|
|||
var el = '';
|
||||
el += '<div class="cover">';
|
||||
el += '<img src="' + post.cover + '"/>';
|
||||
if (post.cover_info) {
|
||||
let info = post.cover_info;
|
||||
if (info) {
|
||||
el += '<div class="cover-info"';
|
||||
if (post.cover_info.meta) {
|
||||
if (info.meta) {
|
||||
el += 'position="top">';
|
||||
} else {
|
||||
el += 'position="bottom">';
|
||||
}
|
||||
if (post.cover_info.meta) {
|
||||
el += '<div class="cap">' + post.cover_info.meta + '</div>';
|
||||
if (info.meta) {
|
||||
el += '<div class="cap">' + info.meta + '</div>';
|
||||
}
|
||||
if (post.cover_info.title) {
|
||||
el += '<div class="title">' + post.cover_info.title + '</div>';
|
||||
if (info.title) {
|
||||
el += '<div class="title">' + info.title + '</div>';
|
||||
}
|
||||
if (post.cover_info.subtitle) {
|
||||
el += '<div class="cap">' + post.cover_info.subtitle + '</div>';
|
||||
if (info.subtitle) {
|
||||
el += '<div class="cap">' + info.subtitle + '</div>';
|
||||
}
|
||||
el += '</div>';
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ function layoutTitle(main, url, sub) {
|
|||
}
|
||||
function layoutDiv() {
|
||||
var el = '';
|
||||
if (page.layout == 'wiki' && proj && proj.index != false) {
|
||||
if (page.layout == 'wiki') {
|
||||
el += '<div class="logo-wrap wiki">';
|
||||
// all products
|
||||
el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">';
|
||||
|
|
|
@ -28,7 +28,7 @@ h6
|
|||
.post-list
|
||||
.post-title
|
||||
font-weight: 500
|
||||
margin: .75rem 0 .5rem
|
||||
margin: .75rem 0
|
||||
line-height: 1.2
|
||||
font-size: $fs-h3
|
||||
border-bottom: none
|
||||
|
|
|
@ -81,7 +81,7 @@
|
|||
img
|
||||
width: 100%
|
||||
.cover-info
|
||||
padding: 1rem
|
||||
padding: 1.5rem 1rem
|
||||
position: absolute
|
||||
line-height: 1.2
|
||||
width: 'calc(100% - %s * 2)' % 1rem
|
||||
|
@ -89,10 +89,10 @@
|
|||
color: white
|
||||
&[position=top]
|
||||
top: 0
|
||||
background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3),rgba(0,0,0,0))
|
||||
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0))
|
||||
&[position=bottom]
|
||||
bottom: 0
|
||||
background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.4))
|
||||
background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.3))
|
||||
div+div
|
||||
margin-top: 8px
|
||||
@media screen and (max-width: $device-mobile)
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
display flex
|
||||
justify-content: center
|
||||
flex-wrap: wrap
|
||||
margin: 1.5rem 0 3rem
|
||||
margin: 1.5rem 0
|
||||
img
|
||||
object-fit: contain
|
||||
>img
|
||||
|
@ -27,27 +27,16 @@
|
|||
.about-body
|
||||
>p
|
||||
line-height: 1.5
|
||||
.tag-plugin.navbar:last-child
|
||||
text-align: center
|
||||
nav.cap
|
||||
margin-top: 1rem
|
||||
background: var(--card)
|
||||
box-shadow: $boxshadow-button
|
||||
a
|
||||
color: var(--text-p2)
|
||||
&:hover
|
||||
background: var(--block)
|
||||
&.active
|
||||
background: var(--block)
|
||||
box-shadow: none
|
||||
color: var(--text-p1)
|
||||
&:first-child
|
||||
margin-top: 2.5rem
|
||||
p+.tag-plugin.navbar .cap
|
||||
margin-top: 1rem
|
||||
.about-header+.about-body
|
||||
margin-top: 1.5rem
|
||||
margin-top: 2rem
|
||||
|
||||
@media screen and (max-width: $device-mobile)
|
||||
.tag-plugin.about
|
||||
padding: 1.5rem 1rem
|
||||
padding: 2rem 1rem
|
||||
.about-header
|
||||
margin: 2.5rem 0 3rem
|
||||
p
|
||||
width 100%
|
||||
|
|
|
@ -1,16 +1,22 @@
|
|||
.md .tag-plugin.navbar
|
||||
text-align: center
|
||||
nav.cap
|
||||
margin: 0
|
||||
padding: 1px
|
||||
background: var(--block)
|
||||
background: var(--card)
|
||||
box-shadow: $boxshadow-button
|
||||
border-radius: 6px
|
||||
display: inline-flex
|
||||
max-width: 100%
|
||||
a
|
||||
margin: 1px
|
||||
padding: 0.25em 0.75rem
|
||||
color: var(--text-p2)
|
||||
&:after
|
||||
display: none
|
||||
&:hover,&.active
|
||||
background: var(--card)
|
||||
&:hover
|
||||
background: var(--block)
|
||||
&.active
|
||||
background: var(--block)
|
||||
box-shadow: none
|
||||
color: var(--text-p1)
|
Loading…
Reference in New Issue