Update tailwind

This commit is contained in:
Daniel Egger 2022-05-23 14:45:49 +02:00
parent 9658ed8422
commit be99631c9a
6 changed files with 24 additions and 5 deletions

View File

@ -4,7 +4,6 @@
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/static/css/tailwind.css" rel="stylesheet">
<title>Vite App</title>
</head>
<body>

View File

@ -1,3 +0,0 @@
h1 {
}

View File

@ -1 +1,2 @@
@import "fonts";
@import "../../../../server/vbv_lernwelt/static/css/tailwind.css";

View File

@ -23,9 +23,16 @@ export default {
<template>
<div class="circle">
<h1 class="text-3xl font-bold underline">
<h1 class="text-6xl">
Hello world!
</h1>
<div v-for="learningSequence in circleData.learning_sequences">
<h2>{{learningSequence.title}}</h2>
<div v-for="learningPackage in learningSequence.learning_packages">
<h3>{{learningPackage.id}}</h3>
</div>
</div>
</div>
</template>

View File

@ -9,6 +9,7 @@
<meta name="description" content="VBV Lernumgebung">
<meta name="author" content="Iterativ GmbH">
<link href="/static/css/tailwind.css" rel="stylesheet">
<link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
{% block css %}

View File

@ -1,3 +1,17 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
h1 {
@apply text-4xl font-bold
}
h2 {
@apply text-2xl font-semibold
}
h3 {
@apply text-lg font-medium italic
}
}