How to connect less in bootstrap to display a button?

Question

Less

Good day!
Maybe I don’t understand something, but I’m trying to tweak the main.less buttons from bootstrap in the file

@import "../lib/bootstrap/less/mixins/buttons.less";

and accordingly output as a mixin, but in gulp it says that there is an error and cannot read the variables.

.btn-dark {
    .button-variant(@color: @white, @background: @black, @border: 0;)
}

Answer 1

@import (reference) '../lib/bootstrap/less/bootstrap.less';
@import "../lib/bootstrap/less/mixins/buttons.less";

.btn-dark {
   .button-variant(#fff, #e36d00, #737373);
}

Answer 2

getElementsByTagName возвращает массив элементов.
пилите цикл, это вам не jquery

Answer 3

Может быть потому что getElementsByTagName это массив.

Answer 4

getElementsByTagName('p') возвращает множество объектов,
чтобы повесить onclick надо пройтись по полученному массиву.

Answer 5

document.getElementsByTagName('p')[0].onclick = function (){alert("Done!");};
Так будет работать. Обращайся к первому элементу в коллекции в данном случае, т.е по индексу [0]