0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00

Add a percentile on single die representation to dicefont.

This is added as a new icon but inlined with the df icons for user conveniance.

used dper instead of dpercent for ease of use.
This commit is contained in:
David Bolack
2025-04-19 22:47:33 -05:00
parent 3f77e32550
commit 26a5cb9fab
3 changed files with 514 additions and 1 deletions

View File

@@ -90,7 +90,108 @@ const diceFont = {
'df_solid_small_dot_d6_3' : 'df solid-small-dot-d6-3',
'df_solid_small_dot_d6_4' : 'df solid-small-dot-d6-4',
'df_solid_small_dot_d6_5' : 'df solid-small-dot-d6-5',
'df_solid_small_dot_d6_6' : 'df solid-small-dot-d6-6'
'df_solid_small_dot_d6_6' : 'df solid-small-dot-d6-6',
'df_dper_00' : 'df dper-00',
'df_dper_01' : 'df dper-01',
'df_dper_02' : 'df dper-02',
'df_dper_03' : 'df dper-03',
'df_dper_04' : 'df dper-04',
'df_dper_05' : 'df dper-05',
'df_dper_06' : 'df dper-06',
'df_dper_07' : 'df dper-07',
'df_dper_08' : 'df dper-08',
'df_dper_09' : 'df dper-09',
'df_dper_10' : 'df dper-10',
'df_dper_11' : 'df dper-11',
'df_dper_12' : 'df dper-12',
'df_dper_13' : 'df dper-13',
'df_dper_14' : 'df dper-14',
'df_dper_15' : 'df dper-15',
'df_dper_16' : 'df dper-16',
'df_dper_17' : 'df dper-17',
'df_dper_18' : 'df dper-18',
'df_dper_19' : 'df dper-19',
'df_dper_20' : 'df dper-20',
'df_dper_21' : 'df dper-21',
'df_dper_22' : 'df dper-22',
'df_dper_23' : 'df dper-23',
'df_dper_24' : 'df dper-24',
'df_dper_25' : 'df dper-25',
'df_dper_26' : 'df dper-26',
'df_dper_27' : 'df dper-27',
'df_dper_28' : 'df dper-28',
'df_dper_29' : 'df dper-29',
'df_dper_30' : 'df dper-30',
'df_dper_31' : 'df dper-31',
'df_dper_32' : 'df dper-32',
'df_dper_33' : 'df dper-33',
'df_dper_34' : 'df dper-34',
'df_dper_35' : 'df dper-35',
'df_dper_36' : 'df dper-36',
'df_dper_37' : 'df dper-37',
'df_dper_38' : 'df dper-38',
'df_dper_39' : 'df dper-39',
'df_dper_40' : 'df dper-40',
'df_dper_41' : 'df dper-41',
'df_dper_42' : 'df dper-42',
'df_dper_43' : 'df dper-43',
'df_dper_44' : 'df dper-44',
'df_dper_45' : 'df dper-45',
'df_dper_46' : 'df dper-46',
'df_dper_47' : 'df dper-47',
'df_dper_48' : 'df dper-48',
'df_dper_49' : 'df dper-49',
'df_dper_50' : 'df dper-50',
'df_dper_51' : 'df dper-51',
'df_dper_52' : 'df dper-52',
'df_dper_53' : 'df dper-53',
'df_dper_54' : 'df dper-54',
'df_dper_55' : 'df dper-55',
'df_dper_56' : 'df dper-56',
'df_dper_57' : 'df dper-57',
'df_dper_58' : 'df dper-58',
'df_dper_59' : 'df dper-59',
'df_dper_60' : 'df dper-60',
'df_dper_61' : 'df dper-61',
'df_dper_62' : 'df dper-62',
'df_dper_63' : 'df dper-63',
'df_dper_64' : 'df dper-64',
'df_dper_65' : 'df dper-65',
'df_dper_66' : 'df dper-66',
'df_dper_67' : 'df dper-67',
'df_dper_68' : 'df dper-68',
'df_dper_69' : 'df dper-69',
'df_dper_70' : 'df dper-70',
'df_dper_71' : 'df dper-71',
'df_dper_72' : 'df dper-72',
'df_dper_73' : 'df dper-73',
'df_dper_74' : 'df dper-74',
'df_dper_75' : 'df dper-75',
'df_dper_76' : 'df dper-76',
'df_dper_77' : 'df dper-77',
'df_dper_78' : 'df dper-78',
'df_dper_79' : 'df dper-79',
'df_dper_80' : 'df dper-80',
'df_dper_81' : 'df dper-81',
'df_dper_82' : 'df dper-82',
'df_dper_83' : 'df dper-83',
'df_dper_84' : 'df dper-84',
'df_dper_85' : 'df dper-85',
'df_dper_86' : 'df dper-86',
'df_dper_87' : 'df dper-87',
'df_dper_88' : 'df dper-88',
'df_dper_89' : 'df dper-89',
'df_dper_90' : 'df dper-90',
'df_dper_91' : 'df dper-91',
'df_dper_92' : 'df dper-92',
'df_dper_93' : 'df dper-93',
'df_dper_94' : 'df dper-94',
'df_dper_95' : 'df dper-95',
'df_dper_96' : 'df dper-96',
'df_dper_97' : 'df dper-97',
'df_dper_98' : 'df dper-98',
'df_dper_99' : 'df dper-99',
'df_dper_100' : 'df dper-100'
};
export default diceFont;

View File

@@ -6,6 +6,14 @@
src : url('../../../fonts/iconFonts/diceFont.woff2');
}
@font-face {
font-family : 'dpercent-Kremlin';
src : url('../../../fonts/iconFonts/dpercent-Kremlin.woff') format('woff');
font-weight : normal;
font-style : normal;
font-display : block;
}
.df {
display : inline;
font-family : 'DiceFont';
@@ -114,4 +122,408 @@
&.solid-small-dot-d6-4::before { content : '\f18c'; }
&.solid-small-dot-d6-5::before { content : '\f18d'; }
&.solid-small-dot-d6-6::before { content : '\f18e'; }
&.dper-00::before {
font-family : 'dpercent-Kremlin';
content : '\e900';
}
&.dper-01::before {
font-family : 'dpercent-Kremlin';
content : '\e901';
}
&.dper-02::before {
font-family : 'dpercent-Kremlin';
content : '\e902';
}
&.dper-03::before {
font-family : 'dpercent-Kremlin';
content : '\e903';
}
&.dper-04::before {
font-family : 'dpercent-Kremlin';
content : '\e904';
}
&.dper-05::before {
font-family : 'dpercent-Kremlin';
content : '\e905';
}
&.dper-06::before {
font-family : 'dpercent-Kremlin';
content : '\e906';
}
&.dper-07::before {
font-family : 'dpercent-Kremlin';
content : '\e907';
}
&.dper-08::before {
font-family : 'dpercent-Kremlin';
content : '\e908';
}
&.dper-09::before {
font-family : 'dpercent-Kremlin';
content : '\e909';
}
&.dper-10::before {
font-family : 'dpercent-Kremlin';
content : '\e90a';
}
&.dper-11::before {
font-family : 'dpercent-Kremlin';
content : '\e90b';
}
&.dper-12::before {
font-family : 'dpercent-Kremlin';
content : '\e90c';
}
&.dper-13::before {
font-family : 'dpercent-Kremlin';
content : '\e90d';
}
&.dper-14::before {
font-family : 'dpercent-Kremlin';
content : '\e90e';
}
&.dper-15::before {
font-family : 'dpercent-Kremlin';
content : '\e90f';
}
&.dper-16::before {
font-family : 'dpercent-Kremlin';
content : '\e910';
}
&.dper-17::before {
font-family : 'dpercent-Kremlin';
content : '\e911';
}
&.dper-18::before {
font-family : 'dpercent-Kremlin';
content : '\e912';
}
&.dper-19::before {
font-family : 'dpercent-Kremlin';
content : '\e913';
}
&.dper-20::before {
font-family : 'dpercent-Kremlin';
content : '\e914';
}
&.dper-21::before {
font-family : 'dpercent-Kremlin';
content : '\e915';
}
&.dper-22::before {
font-family : 'dpercent-Kremlin';
content : '\e916';
}
&.dper-23::before {
font-family : 'dpercent-Kremlin';
content : '\e917';
}
&.dper-24::before {
font-family : 'dpercent-Kremlin';
content : '\e918';
}
&.dper-25::before {
font-family : 'dpercent-Kremlin';
content : '\e919';
}
&.dper-26::before {
font-family : 'dpercent-Kremlin';
content : '\e91a';
}
&.dper-27::before {
font-family : 'dpercent-Kremlin';
content : '\e91b';
}
&.dper-28::before {
font-family : 'dpercent-Kremlin';
content : '\e91c';
}
&.dper-29::before {
font-family : 'dpercent-Kremlin';
content : '\e91d';
}
&.dper-30::before {
font-family : 'dpercent-Kremlin';
content : '\e91e';
}
&.dper-31::before {
font-family : 'dpercent-Kremlin';
content : '\e91f';
}
&.dper-32::before {
font-family : 'dpercent-Kremlin';
content : '\e920';
}
&.dper-33::before {
font-family : 'dpercent-Kremlin';
content : '\e921';
}
&.dper-34::before {
font-family : 'dpercent-Kremlin';
content : '\e922';
}
&.dper-35::before {
font-family : 'dpercent-Kremlin';
content : '\e923';
}
&.dper-36::before {
font-family : 'dpercent-Kremlin';
content : '\e924';
}
&.dper-37::before {
font-family : 'dpercent-Kremlin';
content : '\e925';
}
&.dper-38::before {
font-family : 'dpercent-Kremlin';
content : '\e926';
}
&.dper-39::before {
font-family : 'dpercent-Kremlin';
content : '\e927';
}
&.dper-40::before {
font-family : 'dpercent-Kremlin';
content : '\e928';
}
&.dper-41::before {
font-family : 'dpercent-Kremlin';
content : '\e929';
}
&.dper-42::before {
font-family : 'dpercent-Kremlin';
content : '\e92a';
}
&.dper-43::before {
font-family : 'dpercent-Kremlin';
content : '\e92b';
}
&.dper-44::before {
font-family : 'dpercent-Kremlin';
content : '\e92c';
}
&.dper-45::before {
font-family : 'dpercent-Kremlin';
content : '\e92d';
}
&.dper-46::before {
font-family : 'dpercent-Kremlin';
content : '\e92e';
}
&.dper-47::before {
font-family : 'dpercent-Kremlin';
content : '\e92f';
}
&.dper-48::before {
font-family : 'dpercent-Kremlin';
content : '\e930';
}
&.dper-49::before {
font-family : 'dpercent-Kremlin';
content : '\e931';
}
&.dper-50::before {
font-family : 'dpercent-Kremlin';
content : '\e932';
}
&.dper-51::before {
font-family : 'dpercent-Kremlin';
content : '\e933';
}
&.dper-52::before {
font-family : 'dpercent-Kremlin';
content : '\e934';
}
&.dper-53::before {
font-family : 'dpercent-Kremlin';
content : '\e935';
}
&.dper-54::before {
font-family : 'dpercent-Kremlin';
content : '\e936';
}
&.dper-55::before {
font-family : 'dpercent-Kremlin';
content : '\e937';
}
&.dper-56::before {
font-family : 'dpercent-Kremlin';
content : '\e938';
}
&.dper-57::before {
font-family : 'dpercent-Kremlin';
content : '\e939';
}
&.dper-58::before {
font-family : 'dpercent-Kremlin';
content : '\e93a';
}
&.dper-59::before {
font-family : 'dpercent-Kremlin';
content : '\e93b';
}
&.dper-60::before {
font-family : 'dpercent-Kremlin';
content : '\e93c';
}
&.dper-61::before {
font-family : 'dpercent-Kremlin';
content : '\e93d';
}
&.dper-62::before {
font-family : 'dpercent-Kremlin';
content : '\e93e';
}
&.dper-63::before {
font-family : 'dpercent-Kremlin';
content : '\e93f';
}
&.dper-64::before {
font-family : 'dpercent-Kremlin';
content : '\e940';
}
&.dper-65::before {
font-family : 'dpercent-Kremlin';
content : '\e941';
}
&.dper-66::before {
font-family : 'dpercent-Kremlin';
content : '\e942';
}
&.dper-67::before {
font-family : 'dpercent-Kremlin';
content : '\e943';
}
&.dper-68::before {
font-family : 'dpercent-Kremlin';
content : '\e944';
}
&.dper-69::before {
font-family : 'dpercent-Kremlin';
content : '\e945';
}
&.dper-70::before {
font-family : 'dpercent-Kremlin';
content : '\e946';
}
&.dper-71::before {
font-family : 'dpercent-Kremlin';
content : '\e947';
}
&.dper-72::before {
font-family : 'dpercent-Kremlin';
content : '\e948';
}
&.dper-73::before {
font-family : 'dpercent-Kremlin';
content : '\e949';
}
&.dper-74::before {
font-family : 'dpercent-Kremlin';
content : '\e94a';
}
&.dper-75::before {
font-family : 'dpercent-Kremlin';
content : '\e94b';
}
&.dper-76::before {
font-family : 'dpercent-Kremlin';
content : '\e94c';
}
&.dper-77::before {
font-family : 'dpercent-Kremlin';
content : '\e94d';
}
&.dper-78::before {
font-family : 'dpercent-Kremlin';
content : '\e94e';
}
&.dper-79::before {
font-family : 'dpercent-Kremlin';
content : '\e94f';
}
&.dper-80::before {
font-family : 'dpercent-Kremlin';
content : '\e950';
}
&.dper-81::before {
font-family : 'dpercent-Kremlin';
content : '\e951';
}
&.dper-82::before {
font-family : 'dpercent-Kremlin';
content : '\e952';
}
&.dper-83::before {
font-family : 'dpercent-Kremlin';
content : '\e953';
}
&.dper-84::before {
font-family : 'dpercent-Kremlin';
content : '\e954';
}
&.dper-85::before {
font-family : 'dpercent-Kremlin';
content : '\e955';
}
&.dper-86::before {
font-family : 'dpercent-Kremlin';
content : '\e956';
}
&.dper-87::before {
font-family : 'dpercent-Kremlin';
content : '\e957';
}
&.dper-88::before {
font-family : 'dpercent-Kremlin';
content : '\e958';
}
&.dper-89::before {
font-family : 'dpercent-Kremlin';
content : '\e959';
}
&.dper-90::before {
font-family : 'dpercent-Kremlin';
content : '\e95a';
}
&.dper-91::before {
font-family : 'dpercent-Kremlin';
content : '\e95b';
}
&.dper-92::before {
font-family : 'dpercent-Kremlin';
content : '\e95c';
}
&.dper-93::before {
font-family : 'dpercent-Kremlin';
content : '\e95d';
}
&.dper-94::before {
font-family : 'dpercent-Kremlin';
content : '\e95e';
}
&.dper-95::before {
font-family : 'dpercent-Kremlin';
content : '\e95f';
}
&.dper-96::before {
font-family : 'dpercent-Kremlin';
content : '\e960';
}
&.dper-97::before {
font-family : 'dpercent-Kremlin';
content : '\e961';
}
&.dper-98::before {
font-family : 'dpercent-Kremlin';
content : '\e962';
}
&.dper-99::before {
font-family : 'dpercent-Kremlin';
content : '\e963';
}
&.dper-100::before {
font-family : 'dpercent-Kremlin';
content : '\e964';
}
}

Binary file not shown.