@nextcloud/vue
Version:
Nextcloud vue components
54 lines • 1.92 kB
CSS
/**
* 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_1xe1x_12 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
._assistantButton_1xe1x_20 {
--assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
--assistant-button-background-color: var(--color-background-assistant, #F6F5FF);
background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
border-radius: var(--border-radius-element);
height: var(--default-clickable-area);
width: fit-content;
padding-inline: 1px;
padding-block: 1px 2px;
}
._assistantButton_disabled_1xe1x_30 {
filter: saturate(0.5);
opacity: 0.5;
}
._assistantButton_primary_1xe1x_34 {
--assistant-button-color: white;
--assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
}
._assistantButton_primary_1xe1x_34 ._assistantButton__icon_1xe1x_38,
._assistantButton_primary_1xe1x_34 ._assistantButton__text_1xe1x_39 {
color: white ;
}
._assistantButton__button_1xe1x_42 {
--button-size: calc(var(--default-clickable-area) - 3px) ;
background-color: var(--assistant-button-background-color) ;
background-image: var(--assistant-button-background-color) ;
border: none ;
}
._assistantButton__button_1xe1x_42:hover {
filter: brightness(120%);
}
._assistantButton__text_1xe1x_39 {
background-image: var(--assistant-button-color);
color: transparent ;
background-clip: text;
}