1
0
mirror of https://github.com/flextype/flextype.git synced 2025-08-24 13:52:56 +02:00

feat(core): Default theme - Moving to Tailwind CSS #356

This commit is contained in:
Awilum
2020-01-15 18:03:19 +03:00
parent 654739eae0
commit 5d98a43d87
2 changed files with 23 additions and 15 deletions

View File

@@ -1,3 +1,7 @@
body {
@apply bg-white text-black text-base;
}
a {
@apply underline;
}

View File

@@ -33,24 +33,28 @@
<div class="w-full lg:w-2/12
text-center lg:text-left
float-left text-white p-2 uppercase tracking-wide">
<a href="{{ base_url() }}" class="w-full lg:w-2/12 pl-2 pr-2 text-center text-base logo no-underline">{{ registry.settings.title|e('html') }}</a>
<a href="{{ base_url() }}" class="w-full lg:w-2/12 text-center text-base no-underline">{{ registry.settings.title|e('html') }}</a>
</div>
<div class="w-full float-right lg:w-9/12 font-noirpro-semibold">
<div class="text-right p-2">
{% for item in entries.fetch('', {'order_by': {'field': 'menu_item_order', 'direction': 'asc'}}) %}
{% if item.menu_item_title %}
<a href="{{ base_url() }}/{{ item.link }}"
class="{% if item.menu_item_url in entry.slug %}border-white{% endif %}
uppercase
relative
block
text-white
text-center
mr-0
nav-item
lg:mr-4
lg:inline-block">
{{ item.title }}
<a href="{{ base_url() }}/{{ item.menu_item_url }}"
class="uppercase
relative
block
text-white
text-center
no-underline
mr-0
nav-item
border-black
border-b-2
hover:border-white
lg:mr-4
lg:inline-block
{% if item.menu_item_url in entry.slug %}border-white{% endif %}">
{{ item.menu_item_title }}
</a>
{% endif %}
{% endfor %}
@@ -60,8 +64,8 @@
</nav>
<main role="main" class="container">
<section id="content" class="p-10">{% block content %}{% endblock %}</section>
<footer class="text-center px-10 pt-5 pb-10">
<section id="content" class="pl-16 pr-16 pt-6 pb-6">{% block content %}{% endblock %}</section>
<footer class="text-center pl-16 pr-16 pt-5 pb-10">
{% block footer %}
{{ tr('site_powered_by_flextype')|raw }}
{% endblock %}