51 lines
1.3 KiB
CSS
51 lines
1.3 KiB
CSS
@charset "utf-8";
|
|
:host { /*控制 shadow DOM 的根元素*/
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
[type="awoken-count"] text{
|
|
font-size: 20px;
|
|
fill: yellow;
|
|
font-family: var(--game-font-family);
|
|
text-anchor: middle;
|
|
/* 文本水平居中 */
|
|
dominant-baseline: middle;
|
|
/* 文本垂直居中 */
|
|
}
|
|
.back {
|
|
fill: var(--back-color);
|
|
}
|
|
.front {
|
|
fill: var(--front-color);
|
|
}
|
|
[type="awoken-count"] use {
|
|
--back-color: white;
|
|
--front-color: #096E11;
|
|
}
|
|
[type="awoken-count"] text {
|
|
fill: yellow;
|
|
stroke:black;
|
|
filter: url(../images/icon-awoken-count.svg#text-shadow);
|
|
}
|
|
[type="awoken-count"][icon-type="latent"] use {
|
|
--front-color: #378DE8;
|
|
}
|
|
[type="awoken-count"][icon-type="latent"][flags~="8-latent"] text {
|
|
fill: #19F897;
|
|
}
|
|
[type="awoken-count"][flags~="can-assist"][flags~="full"]:not([icon-type="latent"]) use {
|
|
--back-color: #FFFFD4;
|
|
--front-color: url(../images/icon-awoken-count.svg#full-awoken-assist-front);
|
|
}
|
|
[type="awoken-count"][flags~="full"][flags~="can-assist"]:not([icon-type="latent"]) text,
|
|
[type="awoken-count"][flags~="8-latent-full"][flags~="8-latent"][icon-type="latent"] text
|
|
{
|
|
stroke: none;
|
|
fill: url(../images/icon-awoken-count.svg#full-awoken-star);
|
|
filter: url(../images/icon-awoken-count.svg#out-shadow);
|
|
} |