This commit is contained in:
Dan Chadwick
2024-08-17 14:32:37 -04:00
parent b6e0706e3c
commit 9c4a4af921
5 changed files with 143 additions and 17 deletions

View File

@@ -243,7 +243,7 @@ table.cols-5 td.incorrect {
justify-content: space-evenly;
}
#block-dchadwick-recentfightsblock h2 {
#block-dchadwick-recentfightsblock h2, .block-recent-fights-block h2 {
text-transform: uppercase;
font-size: 2.4rem;
text-align: center;
@@ -251,49 +251,53 @@ table.cols-5 td.incorrect {
margin: 50px 0;
}
@media screen and (min-width: 1024px) {
#block-dchadwick-recentfightsblock .card {
#block-dchadwick-recentfightsblock .card, .block-recent-fights-block .card {
flex: 1 0 21%;
}
}
#block-dchadwick-recentfightsblock .fightcard-img {
#block-dchadwick-recentfightsblock .fightcard-img, .block-recent-fights-block .fightcard-img {
height: 60px;
border-radius: 50%;
}
#block-dchadwick-recentfightsblock .card-header {
#block-dchadwick-recentfightsblock .card-header, .block-recent-fights-block .card-header {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-flow: wrap;
}
#block-dchadwick-recentfightsblock .card-body {
#block-dchadwick-recentfightsblock .card-body, .block-recent-fights-block .card-body {
text-align: center;
}
#block-dchadwick-recentfightsblock .card-body h4 {
#block-dchadwick-recentfightsblock .card-body h4, .block-recent-fights-block .card-body h4 {
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
#block-dchadwick-recentfightsblock .card-body h4 {
#block-dchadwick-recentfightsblock .card-body h4, .block-recent-fights-block .card-body h4 {
font-size: 0.8rem;
}
}
#block-dchadwick-recentfightsblock .card-footer {
#block-dchadwick-recentfightsblock .card-footer, .block-recent-fights-block .card-footer {
display: flex;
}
#block-dchadwick-recentfightsblock .card-footer button {
#block-dchadwick-recentfightsblock .card-footer button, .block-recent-fights-block .card-footer button {
background: #fffaf3;
border: 1px solid #6e6a86;
flex-grow: 1;
}
#block-dchadwick-recentfightsblock .card-footer button:hover {
#block-dchadwick-recentfightsblock .card-footer button:hover, .block-recent-fights-block .card-footer button:hover {
background: #191724;
}
#block-dchadwick-recentfightsblock .card-footer button:hover a {
#block-dchadwick-recentfightsblock .card-footer button:hover a, .block-recent-fights-block .card-footer button:hover a {
color: #f6c177;
}
#block-dchadwick-recentfightsblock .card-footer button a {
#block-dchadwick-recentfightsblock .card-footer button a, .block-recent-fights-block .card-footer button a {
color: #6e6a86;
}
html {
font-size: 100%;
}
body {
background: #faf4ed;
color: #6e6a86;

View File

@@ -7,7 +7,7 @@
}
#block-dchadwick-recentfightsblock {
#block-dchadwick-recentfightsblock, .block-recent-fights-block {
h2 {
text-transform: uppercase;

View File

@@ -15,9 +15,9 @@
</main>
</section>
<footer aria-label="Site footer" class="footer" id="footer" role="contentinfo">
{{ include('dchadwick:button', {text: 'Click me', type: 'danger'}, with_context = false) }}
{# include('dchadwick:button', {text: 'Click me', type: 'danger'}, with_context = false) #}
{% embed 'dchadwick:accordion' %}
{# embed 'dchadwick:accordion' %}
{% block accordion_title %}
Click Me!
@@ -27,7 +27,7 @@
Here is some content that goes in the place where the body is.
{% endblock %}
{% endembed %}
{% endembed #}
<div class="footer--bottom">
{{ page.footer_bottom }}