Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
@import url("chrome://browser/content/profiles/profiles-pages.css");
#edit-profile-card {
display: flex;
gap: var(--space-xxlarge);
margin: var(--space-xxlarge);
padding: var(--space-xxlarge);
}
#profile-content {
display: flex;
flex-direction: column;
gap: var(--space-medium);
}
#header-avatar {
-moz-context-properties: fill, stroke;
width: var(--header-avatar-size);
height: var(--header-avatar-size);
border-radius: var(--border-radius-circle);
}
#profile-name-area {
display: flex;
flex-direction: column;
}
#profile-name {
width: fit-content;
&:invalid {
border-color: var(--outline-color-error);
}
}
.message-parent {
position: relative;
}
.message {
display: inline-flex;
gap: var(--space-xsmall);
padding: var(--space-xsmall);
position: absolute;
inset-inline-start: 0;
&[hidden] {
visibility: hidden;
}
> .message-icon {
-moz-context-properties: fill, stroke;
fill: currentColor;
stroke: currentColor;
}
}
#error-icon,
#error-message {
color: var(--icon-color-critical);
}
#saved-icon {
color: var(--icon-color-success);
}
#themes,
#avatars {
display: flex;
flex-wrap: wrap;
gap: var(--space-xlarge);
}