File tree Expand file tree Collapse file tree 1 file changed +9
-2
lines changed
src/blogComponents/cssSpecificityDisplay Expand file tree Collapse file tree 1 file changed +9
-2
lines changed Original file line number Diff line number Diff line change @@ -9,27 +9,34 @@ const WRAPPER_STYLES = {
9
9
10
10
const CONTAINER_STYLES = {
11
11
display : "flex" ,
12
+ margin : "auto 0" ,
13
+ width : "100%" ,
14
+ justifyContent : "center" ,
12
15
}
13
16
14
17
const NUMBER_WRAPPER_STYLES = {
15
18
margin : ".6rem" ,
16
19
textAlign : "center" ,
20
+ flexGrow : "1" ,
21
+ flexBasis : "2.5em" ,
22
+ maxWidth : "2.5em" ,
23
+ fontSize : "2.5rem" ,
17
24
}
18
25
19
26
const NUMBER_STYLES = {
20
27
display : "flex" ,
21
28
justifyContent : "center" ,
22
29
alignItems : "center" ,
23
30
borderRadius : ".3em" ,
24
- fontSize : "2.5rem" ,
25
- width : "2.5em" ,
31
+ width : "100%" ,
26
32
height : "2.5em" ,
27
33
color : "var(--theme-text)" ,
28
34
fontVariantNumeric : "tabular-nums lining-nums" ,
29
35
}
30
36
31
37
const NUMBER_DESCRIPTOR_STYLES = {
32
38
color : "var(--theme-text-lighter)" ,
39
+ fontSize : ".75rem" ,
33
40
}
34
41
35
42
const INPUT_STYLES = {
You can’t perform that action at this time.
0 commit comments