unify tilt code for posts and comments

pull/221/head
Aevann 2024-01-11 00:07:02 +02:00
parent 7acb92332a
commit b069220e72
2 changed files with 1 additions and 24 deletions

View File

@ -199,29 +199,6 @@
100% {transform: translateX(-15vw) rotate(180deg); top: 0; bottom: unset;}
}
.tilt-post {
transform: rotate(0.3deg);
}
.tilt-post > * {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.tilt-comment-1 {
transform: rotate(2deg);
}
.tilt-comment-2 {
transform: rotate(4deg);
}
.tilt-comment-3 {
transform: rotate(6deg);
}
.tilt-comment-4 {
transform: rotate(8deg);
}
.rainbow-text:not(a), h1.rainbow-text.post-title a {
background: repeating-linear-gradient(
135deg,

View File

@ -104,7 +104,7 @@
</h1>
{% if not v_forbid_deleted %}
<div id="post-body" class="post-body mt-3 {% if p.award_count('tilt', v) %}tilt-post{% endif %}">
<div id="post-body" class="post-body mt-3" {% if p.award_count('tilt', v) %}style="transform: rotate({{p.award_count('tilt', v)}}deg)"{% endif %}>
{% if p.realurl(v) and not p.is_image and not p.is_video and not p.is_audio %}
<a rel="noopener" href="{{p.realurl(v)}}" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>
<div class="d-flex justify-content-between align-items-center border rounded p-2 mb-3">