feat(theme): add tailwind
This commit is contained in:
0
theme/__init__.py
Normal file
0
theme/__init__.py
Normal file
5
theme/apps.py
Normal file
5
theme/apps.py
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
from django.apps import AppConfig
|
||||||
|
|
||||||
|
|
||||||
|
class ThemeConfig(AppConfig):
|
||||||
|
name = 'theme'
|
||||||
10
theme/static_src/src/styles.css
Normal file
10
theme/static_src/src/styles.css
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A catch-all path to Django template files, JavaScript, and Python files
|
||||||
|
* that contain Tailwind CSS classes and will be scanned by Tailwind to generate the final CSS file.
|
||||||
|
*
|
||||||
|
* If your final CSS file is not being updated after code changes, you may want to broaden or narrow
|
||||||
|
* the scope of this path.
|
||||||
|
*/
|
||||||
|
@source "../../../**/*.{html,py,js}";
|
||||||
19
theme/templates/base.html
Normal file
19
theme/templates/base.html
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
{% load static tailwind_tags %}
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Django Tailwind</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
{% tailwind_css %}
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="bg-gray-50 text-black font-serif leading-normal tracking-normal">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<section class="flex items-center justify-center h-screen">
|
||||||
|
<h1 class="text-5xl">Django + Tailwind = ❤️</h1>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user