Я изучаю классы Bootstrap, чтобы лучше понять, как они работают. Документация довольно подробная, и работу каждого из них нетрудно понять. Однако я хотел бы «увидеть», какой код каждый из этих классов (или, по крайней мере, те, которые я собираюсь использовать) несут в себе.
Например, класс .btn, если посмотреть на Chrome DevTools-Вкладка «Источник» показывает мне, что:
.btn {
display: inline-block;
font-family: $btn-font-family;
font-weight: $btn-font-weight;
color: $body-color;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: $btn-border-width solid transparent;
@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
@include transition($btn-transition);
Для меня это полезно, потому что я могу видеть все свойства, а затем в некоторых случаях отлаживать что-то, понимая, что нативные классы могут взаимодействовать с вещами в моем коде.
Я некоторое время искал и просматривал документацию, но, хотя я нахожу полезную информацию о том, как использовать классы, я все еще не могу найти, какой код у каждого из них есть внутри.
Мой вопрос: возможно ли увидеть внутри этих классов (например, .btn, о котором говорилось выше, кроме как с помощью Инструментов разработчика? Если да, то есть ли индекс, где я могу увидеть их все?
Заранее спасибо.