mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-12-24 22:59:21 -05:00
profileMode : improve buttons,
add theme transition
This commit is contained in:
parent
df457f7514
commit
ba6d5c4620
@ -37,17 +37,24 @@ img {
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 300px;
|
||||
line-height: 2.8;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: var(--tertiary);
|
||||
border-radius: var(--radius);
|
||||
margin: 8px;
|
||||
padding: 8px;
|
||||
padding: 6px;
|
||||
transition: transform 0.1s;
|
||||
}
|
||||
|
||||
.button-inner {
|
||||
padding: 10px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.button:active, .social-icons>a>svg:active{
|
||||
transform: scale(0.96);
|
||||
}
|
@ -1,7 +1,7 @@
|
||||
{{ range . -}}
|
||||
<span class="button">
|
||||
<div class="button">
|
||||
<a href="{{ .url }}" rel="noopener" title="{{ .name | humanize }}">
|
||||
<span class="button-inner">{{ .name }}</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
{{- end -}}
|
Loading…
Reference in New Issue
Block a user