adds text shadow to footer items

This commit is contained in:
akcodez
2023-06-23 13:11:08 -07:00
parent e26e8db335
commit 6857bcdea2
4 changed files with 19 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,6 +1,13 @@
/* Footer ------------------------------------------------------------------- */
.xrpl-footer {
.footer-nav{
.nav-item{
text-shadow: black 0px 0px 2px, black 1px 1px 2px, black 2px 2px 3px,
black 2px 2px 4px, black 2px 2px 5px, black 2px 2px 6px, black -1px -1px 2px,
black -2px -2px 3px, black -2px -2px 4px;
}
}
padding: 7.5rem 2rem;
@include media-breakpoint-up(lg) {

View File

@@ -993,4 +993,10 @@ $placeholder-color: $gray-600;
}
}
.footer-nav{
.nav-item{
text-shadow: white 0px 0px 2px, white 1px 1px 2px, white 2px 2px 3px,
white 2px 2px 4px, white 2px 2px 5px, white 2px 2px 6px, white -1px -1px 2px,
white -2px -2px 3px, white -2px -2px 4px;
}
}

View File

@@ -5,9 +5,9 @@
<div class="col-lg">
<h5>{% if parent_page.top_nav_name is defined %}{{ parent_page.top_nav_name }}{% else %}{{parent_page.name}}{% endif %}</h5>
<ul class="nav footer-nav flex-column">
<li class="nav-item"><a href="{% if '//' not in parent_page.html %}{{currentpage.prefix}}{% endif %}{{parent_page.html}}" class="nav-link">{{parent_page.name}}</a></li>
<li class="nav-item "><a href="{% if '//' not in parent_page.html %}{{currentpage.prefix}}{% endif %}{{parent_page.html}}" class="nav-link">{{parent_page.name}}</a></li>
{% for page in parent_page.children %}
<li class="nav-item"><a href="{% if '//' not in page.html %}{{currentpage.prefix}}{% endif %}{{page.html}}" class="nav-link{% if '//' in page.html %} external-link{% endif %}">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</a></li>
<li class="nav-item "><a href="{% if '//' not in page.html %}{{currentpage.prefix}}{% endif %}{{page.html}}" class="footer-nav-item nav-link{% if '//' in page.html %} external-link{% endif %}">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</a></li>
{% endfor %}
</ul>
</div><!--/.col -->