uikit в столбцах 'uk-scope' не применяется - PullRequest
Новая
       15

uikit в столбцах 'uk-scope' не применяется

0 голосов
/ 19 марта 2019

Попытка использовать 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 .

...