mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-18 04:27:02 +02:00
d8112714cf
* adds ember-flight-icons dependecy * adds inline-json-import babel plugin * adds flight icon styling * updates Icon component to support flight icons * updates Icon component usages to new api and updates name values to flight icon set when available * fixes tests * updates icon story with flight mappings and fixes issue with flight icons not rendering in storybook * adds changelog * fixes typo in sign action glyph name in transit-key model * adds comments to icon-map * updates Icon component to use only supported flight icon sizes * adds icon transform codemod * updates icon transform formatting to handle edge case * runs icon transform on templates * updates Icon usage in toolbar-filter md and story * updates tests
53 lines
682 B
SCSS
53 lines
682 B
SCSS
.hs-icon {
|
|
flex: 0 0 auto;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 2px 4px;
|
|
}
|
|
|
|
.hs-icon svg {
|
|
fill: currentColor;
|
|
flex: 1 1 0;
|
|
}
|
|
|
|
.hs-icon-button-right {
|
|
margin-left: 0.25rem;
|
|
margin-right: -0.5rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.hs-icon-s {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.hs-icon-l {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.hs-icon-xlm {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.hs-icon-xl {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.hs-icon-xxl {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.flight-icon {
|
|
&.flight-icon-display-inline {
|
|
vertical-align: middle;
|
|
margin: 0px 4px;
|
|
}
|
|
}
|