Packages
moon
2.80.2
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
priv/static/themes/sportsbet.css
:root.theme-sb-light,
.theme-sb-light {
--piccolo: 73 179 86; /* #49b356 */
--hit: 234 235 235; /* #eaebeb */
--beerus: 224 227 229; /* #e0e3e5 */
--gohan: 244 245 246; /* #f4f5f6 */
--goten: 255 255 255; /* #ffffff */
--goku: 255 255 255; /* #ffffff */
--bulma: 26 33 42; /* #1a212a */
--trunks: 99 113 123; /* #63717b */
--popo: 0 0 0; /* #000000 */
--jiren: 73 179 86 / 0.12; /* #49b356 */
--heles: 55 61 69 / 0.08; /* #373d45 */
--zeno: 25 30 37 / 0.4; /* #191e25 */
/* support-colors */
--krillin: 248 193 0; /* #f8c100 */
--krillin-60: 248 193 0 / 0.56; /* #f8c100 */
--krillin-10: 248 193 0 / 0.08; /* #f8c100 */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
--chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
--roshi: 255 138 1; /* #ff8a01 */
--roshi-60: 255 138 1 / 0.56; /* #ff8a01 */
--roshi-10: 255 138 1 / 0.08; /* #ff8a01 */
--dodoria: 190 88 66; /* #be5842 */
--dodoria-60: 190 88 66 / 0.56; /* #be5842 */
--dodoria-10: 190 88 66 / 0.08; /* #be5842 */
--cell: 27 210 154; /* #1bd29a */
--cell-60: 27 210 154 / 0.56; /* #1bd29a */
--cell-10: 27 210 154 / 0.08; /* #1bd29a */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 179 128 74 / 0.56; /* #b3804a */
--raditz-10: 179 128 74 / 0.08; /* #b3804a */
--whis: 46 105 255; /* #2e69ff */
--whis-60: 46 105 255 / 0.56; /* #2e69ff */
--whis-10: 46 105 255 / 0.08; /* #2e69ff */
--frieza: 111 59 255; /* #6f3bff */
--frieza-60: 111 59 255 / 0.56; /* #6f3bff */
--frieza-10: 111 59 255 / 0.08; /* #6f3bff */
--nappa: 0 142 173; /* #008ead */
--nappa-60: 0 142 173 / 0.56; /* #008ead */
--nappa-10: 0 142 173 / 0.08; /* #008ead */
/* border-radius */
--radius-i-xs: 0.25rem; /* 4px */
--radius-i-sm: 0.5rem; /* 8px */
--radius-i-md: 0.75rem; /* 12px */
--radius-s-xs: 0.25rem; /* 4px */
--radius-s-sm: 0.5rem; /* 8px */
--radius-s-md: 0.75rem; /* 12px */
--radius-s-lg: 1rem; /* 16px */
/* border-width */
--border-width: 0.0625rem; /* 1px */
--border-i-width: 0.125rem; /* 2px */
/* opacity */
--opacity-moon: 0.6;
/* fonts */
--averta: 'Averta Std';
--dm-sans: 'DM Sans';
/* box-shadow */
--shadow-xs: 0 4px 12px -6px rgb(0 0 0 / 0.06);
--shadow-sm: 0 6px 6px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-md: 0 12px 12px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-lg: 0 8px 24px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-xl: 0 32px 32px -8px rgb(0 0 0 / 0.08),
0 0 32px -8px rgb(0 0 0 / 0.12), 0 0 1px rgb(0 0 0 / 0.2);
}
:root.theme-sb-dark,
.theme-sb-dark {
--piccolo: 73 179 86; /* #49B356 */
--hit: 76 81 90; /* #4C515A */
--beerus: 55 61 69; /* #373d45 */
--goku: 26 33 42; /* #1a212a */
--gohan: 44 50 58; /* #2c323a */
--bulma: 255 255 255; /* #FFFFFF */
--trunks: 141 157 168; /* #8D9DA8 */
--goten: 255 255 255; /* #FFFFFF */
--popo: 0 0 0; /* #000000 */
--jiren: 73 179 86 / 0.32; /* #49b356 */
--heles: 255 255 255 / 0.12; /* #ffffff */
--zeno: 25 30 37 / 0.4; /* #191e25 */
/* support-colors */
--krillin: 248 193 0; /* #f8c100 */
--krillin-60: 248 193 0 / 0.56; /* #f8c100 */
--krillin-10: 248 193 0 / 0.08; /* #f8c100 */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
--chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
--roshi: 255 138 1; /* #ff8a01 */
--roshi-60: 255 138 1 / 0.56; /* #ff8a01 */
--roshi-10: 255 138 1 / 0.08; /* #ff8a01 */
--dodoria: 190 88 66; /* #be5842 */
--dodoria-60: 190 88 66 / 0.56; /* #be5842 */
--dodoria-10: 190 88 66 / 0.08; /* #be5842 */
--cell: 27 210 154; /* #1bd29a */
--cell-60: 27 210 154 / 0.56; /* #1bd29a */
--cell-10: 27 210 154 / 0.08; /* #1bd29a */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 179 128 74 / 0.56; /* #b3804a */
--raditz-10: 179 128 74 / 0.08; /* #b3804a */
--whis: 46 105 255; /* #2e69ff */
--whis-60: 46 105 255 / 0.56; /* #2e69ff */
--whis-10: 46 105 255 / 0.08; /* #2e69ff */
--frieza: 111 59 255; /* #6f3bff */
--frieza-60: 111 59 255 / 0.56; /* #6f3bff */
--frieza-10: 111 59 255 / 0.08; /* #6f3bff */
--nappa: 0 142 173; /* #008ead */
--nappa-60: 0 142 173 / 0.56; /* #008ead */
--nappa-10: 0 142 173 / 0.08; /* #008ead */
/* border-radius */
--radius-i-xs: 0.25rem; /* 4px */
--radius-i-sm: 0.5rem; /* 8px */
--radius-i-md: 0.75rem; /* 12px */
--radius-s-xs: 0.25rem; /* 4px */
--radius-s-sm: 0.5rem; /* 8px */
--radius-s-md: 0.75rem; /* 12px */
--radius-s-lg: 1rem; /* 16px */
/* border-width */
--border-width: 0.0625rem; /* 1px */
--border-i-width: 0.125rem; /* 2px */
/* opacity */
--opacity-moon: 0.6;
/* fonts */
--averta: 'Averta Std';
--dm-sans: 'DM Sans';
/* box-shadow */
--shadow-xs: 0 4px 12px -6px rgb(0 0 0 / 0.64);
--shadow-sm: 0 6px 6px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-md: 0 12px 12px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-lg: 0 24px 24px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-xl: 0 48px 48px -6px rgb(0 0 0 / 0.88), 0 0 1px rgb(0 0 0 / 0.72);
}