Clarity Design - настройка Clarity CSS

Question

Я начинаю с Clarity Design с Angular.Я пытаюсь использовать стили через 'style.css', который является последней записью в массиве стилей в angular.json

Мои вопросы / наблюдения: ..

1. Уменьшите высоту'header'?
2. 'content-area', кажется, имеет некоторые отступы.
3. 'sidenav', кажется, оставляет слишком много полей, отступов на мой вкус ...

Как мне настроить / переопределить их в css?Пробовал несколько вещей, но безрезультатно.Я что-то пропустил?

Заранее спасибо.

Answer 1

Прежде всего, я бы предложил прочитать официальную тематическую документацию .

Как правило, каждый компонент имеет файл с именем _variables.<component_name>.scss, который определяет все переменные, используемые указанным компонентом..

Например, этот файл определяет переменную $clr-header-height, которая является высотой заголовка по умолчанию.

Этот другой файл вместо этого определяет "глобальный"переменные.