m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
Code
a83ce7486b
metamask-extension/ui/components/app/flask/snaps-authorship-pill/index.scss

17 lines
211 B
SCSS
Raw Normal View History

Adding snaps authorship pill (#12740) * added npm icon * added snaps-authorship-pill component and story * updated npm icon * added classname * added comments * changed label to an h7 * updated default label, removed unnecessary font-weight prop * moved npm icon to flask/icons and added storybook file * added hover/focus logic * updated hover logic * updated hover logic * added authorship pill scss to app-components, removed unnecessary handlers * removed npm icon, added font-awesome icon, added font-awesome brands to scss imports * removed icons directory, updated scss file to use the proper color for npm icon, updated component with correct size and added class to change color * fixed linter errors * added link to pill and its story, changed title of story * changed link to open in new tab, moved classname to root element and made it inline-block * fixed proptype comment * fixed linter error
2021-12-01 23:45:55 +01:00
@import "design-system";
.snaps-authorship-pill {
display: inline-block;
&:hover,
&:focus {
.chip {
Dark Mode Part 1: Switch to Using CSS Variables (#13147)
2022-01-06 18:35:49 +01:00
background-color: var(--ui-1);
Adding snaps authorship pill (#12740) * added npm icon * added snaps-authorship-pill component and story * updated npm icon * added classname * added comments * changed label to an h7 * updated default label, removed unnecessary font-weight prop * moved npm icon to flask/icons and added storybook file * added hover/focus logic * updated hover logic * updated hover logic * added authorship pill scss to app-components, removed unnecessary handlers * removed npm icon, added font-awesome icon, added font-awesome brands to scss imports * removed icons directory, updated scss file to use the proper color for npm icon, updated component with correct size and added class to change color * fixed linter errors * added link to pill and its story, changed title of story * changed link to open in new tab, moved classname to root element and made it inline-block * fixed proptype comment * fixed linter error
2021-12-01 23:45:55 +01:00
}
}
}
.snaps-authorship-icon {
Dark Mode Part 1: Switch to Using CSS Variables (#13147)
2022-01-06 18:35:49 +01:00
color: var(--ui-4);
Adding snaps authorship pill (#12740) * added npm icon * added snaps-authorship-pill component and story * updated npm icon * added classname * added comments * changed label to an h7 * updated default label, removed unnecessary font-weight prop * moved npm icon to flask/icons and added storybook file * added hover/focus logic * updated hover logic * updated hover logic * added authorship pill scss to app-components, removed unnecessary handlers * removed npm icon, added font-awesome icon, added font-awesome brands to scss imports * removed icons directory, updated scss file to use the proper color for npm icon, updated component with correct size and added class to change color * fixed linter errors * added link to pill and its story, changed title of story * changed link to open in new tab, moved classname to root element and made it inline-block * fixed proptype comment * fixed linter error
2021-12-01 23:45:55 +01:00
}
Copy Permalink