响应导航栏与下拉菜单:使用AlpineJS和Heroicons在下拉菜单中创建带有下拉菜单的响应导航栏

时间:2021-02-04 16:19:09
【文件属性】:
文件名称:响应导航栏与下拉菜单:使用AlpineJS和Heroicons在下拉菜单中创建带有下拉菜单的响应导航栏
文件大小:61KB
文件格式:ZIP
更新时间:2021-02-04 16:19:09
mobile navigation responsive alpine navbar 带有下拉菜单的响应式导航栏 基于TailwindCSS游乐场 在使用和构建带有下拉菜单的响应式导航栏 Tailwind Config通过以下行进行了扩展,以包括系统颜色方案支持 screens: { 'dark-mode': {'raw': '(prefers-color-scheme: dark)'}, }, 这将启用dark-mode变体,您可以使用它来声明浏览器/操作系统的暗模式的类。 可以链接变体,例如dark-mode和hover : <div class="block h-64 w-64 bg-gray-100 dark-mode:bg-gray-900 hover:bg
【文件预览】:
responsive-navbar-with-dropdown-master
----.gitattributes(66B)
----.github()
--------FUNDING.yml(89B)
----postcss.config.js(359B)
----public()
--------index.html(18KB)
--------favicon.ico(15KB)
--------tailwind.css(59B)
--------favicon-32x32.png(1KB)
--------favicon-16x16.png(1KB)
--------sidebar.html(6KB)
--------navbar.html(11KB)
----tailwind.config.js(177B)
----sandbox.config.json(25B)
----README.md(3KB)
----.gitignore(36B)
----package-lock.json(185KB)
----package.json(752B)

网友评论