Пограничный класс в семантическом интерфейсе - PullRequest
Новая
       20

Пограничный класс в семантическом интерфейсе

2 голосов
/ 27 июня 2019

В boostrap я мог бы легко сделать {border border-primary или border-top-0}, как мне этого добиться с помощью семантического интерфейса через встроенный класс.

Я пытался тщательно копировать документы 

<div id="Tab" class="ui centered aligned container">
  <h1></h1>
div

Мне бы хотелось, чтобы граница для элемента h1

1 Ответ

1 голос
/ 27 июня 2019

В семантическом интерфейсе нет встроенного класса для границы (вы можете проверить документ Semantic UI)

Вы можете создать формат использования класса с помощью

  • Первый параметр - толщина границы

  • Второй тип строки

  • Третий - цвет границы.

    .border-1 { граница: 1px сплошной зеленый; }

Подробнее на https://developer.mozilla.org/en-US/docs/Web/CSS/border

.border-1{
border: 1px solid green;
}
<div id="Tab" class="ui centered aligned container">
  <h1 class='border-1'>Test</h1>
</div>
...