feat(css): automatically define variable --over50
derived from whether or not the percentage stored in --value is over 50main
parent
9b1d12835b
commit
5fdefbe2a9
|
|
@ -98,19 +98,24 @@
|
||||||
background: var(--bg, #86c9a8);
|
background: var(--bg, #86c9a8);
|
||||||
}
|
}
|
||||||
#hinamizawa-used {
|
#hinamizawa-used {
|
||||||
--value: <?php echo $hinamizawa_percent_used ?>;
|
--value: <?php echo ($hinamizawa_percent ? $hinamizawa_percent : 0); ?>;
|
||||||
|
--over50: <?php echo ($hinamizawa_percent > 50 ? '1' : '0'); ?>
|
||||||
}
|
}
|
||||||
#maebara-used {
|
#maebara-used {
|
||||||
--value: <?php echo $maebara_percent_used ?>;
|
--value: <?php echo ($maebara_percent ? $maebara_percent : 0); ?>;
|
||||||
|
--over50: <?php echo ($maebara_percent > 50 ? '1' : '0'); ?>
|
||||||
}
|
}
|
||||||
#houjou-used {
|
#houjou-used {
|
||||||
--value: <?php echo $houjou_percent_used ?>;
|
--value: <?php echo ($houjou_percent ? $houjou_percent : 0); ?>;
|
||||||
|
--over50: <?php echo ($houjou_percent > 50 ? '1' : '0'); ?>
|
||||||
}
|
}
|
||||||
#ryuuguu-used {
|
#ryuuguu-used {
|
||||||
--value: <?php echo $ryuuguu_percent_used ?>;
|
--value: <?php echo ($ryuuguu_percent ? $ryuuguu_percent : 0); ?>;
|
||||||
|
--over50: <?php echo ($ryuuguu_percent > 50 ? '1' : '0'); ?>
|
||||||
}
|
}
|
||||||
#sonozaki-used {
|
#sonozaki-used {
|
||||||
--value: <?php echo $sonozaki_percent_used ?>;
|
--value: <?php echo ($sonozaki_percent ? $sonozaki_percent : 0); ?>;
|
||||||
|
--over50: <?php echo ($sonozaki_percent > 50 ? '1' : '0'); ?>
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue