@inkline/inkline/components/INavbarBrand/css/index.css

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

/**
 * Navbar Brand
 */
.navbar .navbar-brand {
  display: inline-flex;
  color: var(--navbar--color);
  padding: var(--navbar--item--padding, var(--navbar--item--padding-top, var(--navbar--padding-top, var(--padding-top))) var(--navbar--item--padding-right, var(--navbar--padding-right, var(--padding-right))) var(--navbar--item--padding-bottom, var(--navbar--padding-bottom, var(--padding-bottom))) var(--navbar--item--padding-left, var(--navbar--padding-left, var(--padding-left))));
  font-size: var(--navbar--brand--font-size, var(--navbar--font-size, var(--font-size)));
  margin-right: var(--navbar--brand--margin-right, var(--margin-right));
  line-height: inherit;
  white-space: nowrap;
  align-items: center;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  text-decoration: none;
}
.navbar .navbar-brand[to], .navbar .navbar-brand[href] {
  cursor: pointer;
}
.navbar .navbar-brand > .h1,
.navbar .navbar-brand > .h2,
.navbar .navbar-brand > .h3,
.navbar .navbar-brand > .h4,
.navbar .navbar-brand > .h5,
.navbar .navbar-brand > .h6,
.navbar .navbar-brand > h1,
.navbar .navbar-brand > h2,
.navbar .navbar-brand > h3,
.navbar .navbar-brand > h4,
.navbar .navbar-brand > h5,
.navbar .navbar-brand > h6 {
  margin-top: 0;
  margin-bottom: 0;
}