我应该如何处理作为 Tailwind 组件的响应式断点?
没有 Tailwind,我曾经将断点声明为 scss mixins:
@mixin tablet-portrait {
@media (min-width: 700px) {
@content;
}
}
Run Code Online (Sandbox Code Playgroud)
然后:
@include tablet-portrait {
// whatever
}
Run Code Online (Sandbox Code Playgroud)
我知道 Tailwind 具有响应式实用程序类来内联使用它,md:color-red但我需要将此断点抽象为组件,如上例所示。
我应该如何从 Tailwind 配置文件中提取 Tailwind 断点?
我有Raspberry Pi和Raspbian OS.安装VNC后,我试图启动服务器并返回:
~ $ vncserver :0
Warning: raspberrypi:0 is taken because of /tmp/.X0-lock
Remove this file if there is no X server raspberrypi:0
A VNC server is already running as :0
Run Code Online (Sandbox Code Playgroud)
如果我删除该临时文件,请返回:
~ $ vncserver :0
Warning: raspberrypi:0 is taken because of /tmp/.X11-unix/X0
Remove this file if there is no X server raspberrypi:0
A VNC server is already running as :0
Run Code Online (Sandbox Code Playgroud)
如果我再次删除,服务器启动,但通过VNC客户端显示一个普通的灰色屏幕.总之,之后:
~ $ sudo rm /tmp/.X11-unix/X0
~ $ sudo rm /tmp/.X0-lock
~ $ vncserver :0
New 'X' desktop …Run Code Online (Sandbox Code Playgroud) 要将 Vimeo 视频嵌入为背景视频,我在此代码笔中看到:
https://codepen.io/BRacicot/pen/JpLmqo
该视频源网址是一种带有“外部”字样的特殊类型:
https://player.vimeo.com/external/243924757.hd.mp4?s=1fc7fe8bd116cdd9c9c3e639ddbae75f2f4f8f2e&profile_id=174
Run Code Online (Sandbox Code Playgroud)
如何从我自己的视频中获取此 url 类型?
Tailwind 排版,为了添加开始和结束引号,请向块引号添加 anafter和伪元素:before
<blockquote>
:after
<p>Lorem ipsum.</p>
:before
</blockquote>
Run Code Online (Sandbox Code Playgroud)
我想自定义样式,仅删除结束引号以匹配此模式:
是否可以从 tailwind.config.js 自定义它,或者我应该使用 CSS 和 覆盖样式!important?
例如,如果我想将h1放在左列中,将内容放在右列中:
<div class="left-column">
<main>
<h1>Document Title</h1>
</main>
</div>
<div class="right-column">
<main>
<p>Text content<p>
</main>
</div>
Run Code Online (Sandbox Code Playgroud)
这是对的吗?谢谢!
tailwind-css ×2
html ×1
html5 ×1
raspberry-pi ×1
raspbian ×1
responsive ×1
scss-mixins ×1
semantics ×1
vimeo ×1
vnc ×1