style
This commit is contained in:
parent
0ed7625e78
commit
4793e8a928
@ -645,7 +645,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
{{ competition.style() }}
|
||||
{{ checkbox.style() }}
|
||||
<style>
|
||||
.toggle-group {
|
||||
.c_aq9et { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
|
||||
.c_aq9et:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
|
||||
.c_aq9et:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
|
||||
@media (prefers-reduced-motion: reduce) { .c_aq9et:hover, .c_aq9et:active { transform: none; } }
|
||||
.toggle-group {
|
||||
display: flex;
|
||||
margin-bottom: 15px;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
@ -575,6 +575,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
{{ competition.style() }}
|
||||
{{ checkbox.style() }}
|
||||
<style>
|
||||
.c_aq9et { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
|
||||
.c_aq9et:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
|
||||
.c_aq9et:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
|
||||
@media (prefers-reduced-motion: reduce) { .c_aq9et:hover, .c_aq9et:active { transform: none; } }
|
||||
|
||||
.toggle-group {
|
||||
display: flex;
|
||||
margin-bottom: 15px;
|
||||
|
||||
@ -21,6 +21,10 @@
|
||||
|
||||
{% macro style() -%}
|
||||
<style>
|
||||
.st>a { cursor: pointer; box-shadow: 0 4px 14px -4px rgba(95,23,152,.5); transition: transform .18s, box-shadow .18s, background .18s; }
|
||||
.st>a:hover { background: #6d1ba9; transform: translateY(-2px); box-shadow: 0 10px 24px -6px rgba(95,23,152,.6); }
|
||||
.st>a:active { transform: translateY(0); box-shadow: 0 4px 12px -4px rgba(95,23,152,.5); }
|
||||
@media (prefers-reduced-motion: reduce) { .st>a:hover, .st>a:active { transform: none; } }
|
||||
.st {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user