小编ait*_*tor的帖子

Tailwind CSS - 作为组件的响应式断点

我应该如何处理作为 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 断点?

media-queries responsive scss-mixins tailwind-css

14
推荐指数
2
解决办法
1万
查看次数

无法启动VNC服务器,因为:0已被占用

我有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)

vnc raspberry-pi raspbian

12
推荐指数
2
解决办法
2万
查看次数

如何获取 Vimeo 外部链接

要将 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 类型?

vimeo

4
推荐指数
1
解决办法
7886
查看次数

如何自定义顺风排版块引用

Tailwind 排版,为了添加开始和结束引号,请向块引号添加 anafter和伪元素:before

<blockquote>
    :after
    <p>Lorem ipsum.</p>
    :before
</blockquote>
Run Code Online (Sandbox Code Playgroud)

我想自定义样式,仅删除结束引号以匹配此模式:

在此输入图像描述

是否可以从 tailwind.config.js 自定义它,或者我应该使用 CSS 和 覆盖样式!important

tailwind-css

3
推荐指数
1
解决办法
2304
查看次数

我可以在同一页面中使用多个"主"html标签吗?

例如,如果我想将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)

这是对的吗?谢谢!

html html5 semantics

0
推荐指数
1
解决办法
2033
查看次数