“ uk-scope”列中的uikit不适用

时间:2019-03-19 20:51:43

标签: css css-selectors getuikit

尝试在现有网站的一页上使用UIKIT,该网站使用内部开发的自定义CSS。根据指令,创建了一个“作用域”版本,其中每个CSS类都以 .uk-scope 开头。

应用功能(例如手风琴)并起作用。 尽管类名称与示例页面相比是相同的,但未应用诸如列之类的常规格式。

<div class="uk-scope">

    <div class="uk-container">
        <div class="uk-grid" data-uk-grid-margin="">
            <div class="uk-width-medium-1-3 uk-row-first">
                <div class="uk-grid">
                    <div class="uk-width-1-6">
                        <i class="uk-icon-cog uk-text-primary"></i>
                    </div>
                    <div class="uk-width-5-6">
                        <h2 class="uk-h3">Sample Heading</h2>
                        <p>Column Text.</p>
                    </div>
                </div>
            </div>

            <div class="uk-width-medium-1-3">
                <!-- same content as above -->
            </div>

            <div class="uk-width-medium-1-3">
                <!-- same content as above -->
            </div>
        </div>
    </div>
</div>

..只是为了说明如何在CSS中实现作用域:

.uk-scope .uk-container {
  box-sizing: content-box;
  ....
}
.uk-scope .uk-grid > * {
  margin: 0;
}

... etc 

已经有一段时间了,我找不到使用 scoped 版本的任何示例或示例。

0 个答案:

没有答案