@nextcloud/vue/dist/assets/NcHeaderButton-BPkJ5wxD.css

Nextcloud vue components

/**
 * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-6be13bb0] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
/*!
 * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.header-menu[data-v-6be13bb0] {
  position: relative;
  width: var(--header-height);
  height: var(--header-height);
}
.header-menu .header-menu__trigger[data-v-6be13bb0] {
  --button-size: var(--header-height) !important;
  height: var(--header-height);
  opacity: 0.85;
  filter: none !important;
  color: var(--color-background-plain-text, var(--color-primary-text)) !important;
}
.header-menu .header-menu__trigger[data-v-6be13bb0]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.header-menu--opened .header-menu__trigger[data-v-6be13bb0], .header-menu__trigger[data-v-6be13bb0]:hover, .header-menu__trigger[data-v-6be13bb0]:focus, .header-menu__trigger[data-v-6be13bb0]:active {
  opacity: 1;
}
@media only screen and (max-width: 512px) {
.header-menu[data-v-6be13bb0] {
    width: var(--default-clickable-area);
}
.header-menu .header-menu__trigger[data-v-6be13bb0] {
    --button-size: var(--default-clickable-area) !important;
}
}