Точки останова TailwindCSS размером меньше lg переопределяют все стили в приложении Flask. ⇐ Python

[Anonymous]

Я разрабатываю приложение Flask и столкнулся с очень странной проблемой, когда точка останова md и меньший размер всегда применяются независимо от размера экрана. Мне удалось воссоздать эту проблему, выполнив следующие действия:

• Создайте новый каталог и установите TailwindCSS (

  Код: Выделить всё

  npm install tailwindcss

  , npx Tailwindcss init)
• Установите соответствующие каталоги содержимого (

  Код: Выделить всё

  "./templates/**/*.html"

  )
• Создайте базовое приложение Flask, включающее скомпилированный TailwindCSS.
• Попытайтесь применить стили с точкой останова md.

Вот код этой базовой настройки:
tailwind.config.js

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./templates/**/*.html",
"./static/src/**/*.js"
],
theme: {
extend: {},
},
plugins: [],
}

base.html

Код: Выделить всё

Test App {% block title %}{% endblock title %}


Test App


{% block header %}{% endblock header %}


{% block content %}{% endblock content %}

home.html

Код: Выделить всё

{% extends 'base.html' %}

{% block header %}
{% block title %}Home{% endblock title %}
{% endblock header %}

{% block content %}

Learn more about this project by visiting the About page.

{% endblock content %}

В этом невероятно минимальном примере цвет текста не изменится с точкой останова md, как ожидалось, но изменится, если будет установлена ​​точка останова lg или xl. используется. Что может быть причиной этого?

Подробнее здесь: https://stackoverflow.com/questions/791 ... -applicati