mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
fix(header-action): audit HeaderAction
text styles (#1162)
This commit is contained in:
parent
5d153601b3
commit
53853cf64b
1 changed files with 14 additions and 7 deletions
|
@ -92,16 +92,23 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.action-text {
|
.action-text {
|
||||||
font-size: 16px;
|
display: inline-flex;
|
||||||
line-height: 20px;
|
align-items: center;
|
||||||
text-decoration: none;
|
width: auto;
|
||||||
color: #fff;
|
|
||||||
width: 100%;
|
/** 2px bottom padding aligns icon with `HeaderAction` */
|
||||||
padding: 0 1rem;
|
padding: 0 1rem 2px 1rem;
|
||||||
|
|
||||||
|
/** `body-short-01` styles */
|
||||||
|
font-size: 0.875rem;
|
||||||
|
line-height: 1.28572;
|
||||||
|
letter-spacing: 0.16px;
|
||||||
|
|
||||||
|
/** Same color as `Header` platformName */
|
||||||
|
color: #f4f4f4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-text > span {
|
.action-text > span {
|
||||||
margin-left: 0.75rem;
|
margin-left: 0.75rem;
|
||||||
vertical-align: top;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue