| # | Property | Count | Percentage | Usage |
|---|---|---|---|---|
| 1 |
display
|
2861 | 4.6% |
|
Show examples (3)
kbd
{ display: inline-block; }
.octicon
{ display: inline-block; }
.btn
{ display: inline-block; }
|
||||
| 2 |
color
|
2347 | 3.8% |
|
Show examples (3)
[data-color-mode]
{ color: var(--fgColor-default,var(--color-fg-default)); }
kbd
{ color: var(--fgColor-default,var(--color-fg-default)); }
.Box-body .help
{ color: var(--fgColor-muted,var(--color-fg-muted)); }
|
||||
| 3 |
width
|
1734 | 2.8% |
|
Show examples (3)
.Box--overlay
{ width: 448px; }
.Box-overlay--narrow
{ width: 320px; }
.Box-overlay--wide
{ width: 640px; }
|
||||
| 4 |
padding
|
1632 | 2.6% |
|
Show examples (3)
kbd
{ padding: var(--base-size-4); }
.btn
{ padding: 5px var(--base-size-16); }
.btn-sm
{ padding: 3px 12px; }
|
||||
| 5 |
background-color
|
1625 | 2.6% |
|
Show examples (3)
[data-color-mode]
{ background-color: var(--bgColor-default,var(--color-canvas-default)); }
kbd
{ background-color: var(--bgColor-muted,var(--color-canvas-subtle)); }
.Box--overlay
{ background-color: var(--bgColor-default,var(--color-canvas-default)); }
|
||||
| 6 |
position
|
1360 | 2.2% |
|
Show examples (3)
.btn
{ position: relative; }
.BtnGroup-item
{ position: relative; }
.hidden-text-expander.inline
{ position: relative; }
|
||||
| 7 |
height
|
1297 | 2.1% |
|
Show examples (3)
.hidden-text-expander a
{ height: 12px; }
.ellipsis-expander
{ height: 12px; }
.form-select
{ height: 32px; }
|
||||
| 8 |
border-radius
|
1037 | 1.7% |
|
Show examples (3)
kbd
{ border-radius: 6px; }
.btn
{ border-radius: 6px; }
.btn-large
{ border-radius: .5em; }
|
||||
| 9 |
font-size
|
831 | 1.3% |
|
Show examples (3)
h1
{ font-size: var(--h1-size,32px); }
h2
{ font-size: var(--h2-size,24px); }
h3
{ font-size: var(--h3-size,20px); }
|
||||
| 10 |
margin-top
|
794 | 1.3% |
|
Show examples (3)
h1
{ margin-top: 0; }
h2
{ margin-top: 0; }
h3
{ margin-top: 0; }
|
||||
| 11 |
font-weight
|
782 | 1.3% |
|
Show examples (3)
h1
{ font-weight: var(--base-text-weight-semibold,600); }
h2
{ font-weight: var(--base-text-weight-semibold,600); }
h3
{ font-weight: var(--base-text-weight-semibold,600); }
|
||||
| 12 |
margin
|
767 | 1.2% |
|
Show examples (3)
blockquote
{ margin: 0; }
.Box--overlay .Box-header
{ margin: 0; }
.Box-body .help
{ margin: 0; }
|
||||
| 13 |
align-items
|
720 | 1.2% |
|
Show examples (3)
.AppFrame .AppFrame-a11yNav
{ align-items: center; }
.AppFrame .AppFrame-a11yLink:focus
{ align-items: center; }
.Stack
{ align-items: stretch; }
|
||||
| 14 |
margin-bottom
|
717 | 1.1% |
|
Show examples (3)
h1
{ margin-bottom: 0; }
h2
{ margin-bottom: 0; }
h3
{ margin-bottom: 0; }
|
||||
| 15 |
margin-left
|
708 | 1.1% |
|
Show examples (3)
dd
{ margin-left: 0; }
.Box--overlay
{ margin-left: auto; }
.btn .Counter
{ margin-left: 2px; }
|
||||
| 16 |
background
|
702 | 1.1% |
|
Show examples (3)
.btn-invisible:active
{ background: 0 0; }
.btn-invisible.selected
{ background: 0 0; }
.btn-invisible[aria-selected=true]
{ background: 0 0; }
|
||||
| 17 |
top
|
698 | 1.1% |
|
Show examples (3)
.hidden-text-expander.inline
{ top: -1px; }
.hfields .form-group dt img
{ top: -2px; }
.hfields .form-group .form-group-header img
{ top: -2px; }
|
||||
| 18 |
left
|
637 | 1.0% |
|
Show examples (3)
.form-checkbox label em.highlight
{ left: calc(var(--base-size-4)*-1); }
.form-group.successed .success:after
{ left: 10px; }
.form-group.successed .success:before
{ left: 10px; }
|
||||
| 19 |
border-color
|
630 | 1.0% |
|
Show examples (3)
.Box--overlay
{ border-color: var(--borderColor-default,var(--color-border-default)); }
.btn
{ border-color: var(--button-default-borderColor-rest,var(--color-btn-border)); }
.btn:hover
{ border-color: var(--button-default-borderColor-hover,var(--color-btn-hover-border)); }
|
||||
| 20 |
transition
|
628 | 1.0% |
|
Show examples (3)
.btn
{ transition: color 80ms cubic-bezier(.33,1,.68,1),background-color 80ms cubic-bezier(.33,1,.68,1),box-shadow 80ms cubic-bezier(.33,1,.68,1),border-color 80ms cubic-bezier(.33,1,.68,1); }
.btn:active
{ transition: none; }
.form-control
{ transition: color 80ms cubic-bezier(.33,1,.68,1),background-color 80ms cubic-bezier(.33,1,.68,1),box-shadow 80ms cubic-bezier(.33,1,.68,1),border-color 80ms cubic-bezier(.33,1,.68,1); }
|
||||
| Swatch | Color | Count | Percentage | Usage |
|---|---|---|---|---|
#0000
|
246 | 17.1% |
|
|
Show examples (3)
.btn-link
{ background-color: #0000; }
.btn-invisible
{ background-color: #0000; }
.btn-invisible:disabled
{ background-color: #0000; }
|
||||
inherit
|
147 | 10.2% |
|
|
Show examples (3)
.btn .Counter
{ color: inherit; }
.btn-primary .Counter
{ color: inherit; }
.btn-outline:hover .octicon
{ color: inherit; }
|
||||
#59636e
|
108 | 7.5% |
|
|
Show examples (3)
.prc-CounterLabel-CounterLabel-X-kRU:where([data-variant=primary])
{ background-color: #59636e; }
.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Visual-YNt2F)
{ color: #59636e; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) [data-kbd-chord]
{ color: #59636e; }
|
||||
#fff
|
102 | 7.1% |
|
|
Show examples (3)
.btn-signup-mktg
{ color: #fff; }
.CodeMirror-scrollbar-filler
{ background-color: #fff; }
.CodeMirror-gutter-filler
{ background-color: #fff; }
|
||||
white
|
49 | 3.4% |
|
|
Show examples (3)
.color-text-white
{ color: white; }
.HeaderMktg
{ color: white; }
.AppHeader-appearanceSettings .HeaderMenu-link svg
{ color: white; }
|
||||
transparent
|
46 | 3.2% |
|
|
Show examples (3)
.ActionListItem
{ background-color: transparent; }
:is(.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active
{ background-color: transparent; }
.ToggleSwitch-track[aria-pressed=true]
{ border-color: transparent; }
|
||||
#818b98
|
41 | 2.8% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled
{ color: #818b98; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true])
{ color: #818b98; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]
{ color: #818b98; }
|
||||
currentcolor
|
34 | 2.4% |
|
|
Show examples (3)
.octicon
{ fill: currentcolor; }
.ActionListItem-visual--leading svg
{ fill: currentcolor; }
.dropdown-item:hover>.Label
{ border-color: currentcolor; }
|
||||
#d1d9e0
|
34 | 2.4% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk
{ border-color: #d1d9e0; }
.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=default])
{ border-color: #d1d9e0; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):hover
{ border-color: #d1d9e0; }
|
||||
#818b981a
|
34 | 2.4% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled
{ border-color: #818b981a; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true])
{ border-color: #818b981a; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]
{ border-color: #818b981a; }
|
||||
#1f2328
|
33 | 2.3% |
|
|
Show examples (3)
.prc-CounterLabel-CounterLabel-X-kRU:where([data-variant=secondary])
{ color: #1f2328; }
.prc-ActionList-ActionListItem-So4vC[data-trailing-action-loading]:not([data-is-disabled]) .prc-ActionList-Description-Z-EZJ
{ color: #1f2328; }
.prc-ActionList-ActionListItem-So4vC[data-trailing-action-loading]:not([data-is-disabled]) .prc-ActionList-ItemLabel-81ohH
{ color: #1f2328; }
|
||||
#0969da
|
31 | 2.1% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=link])
{ color: #0969da; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Visual-YNt2F
{ color: #0969da; }
:where(.prc-Link-Link-9ZwDx)
{ color: #0969da; }
|
||||
gray
|
31 | 2.1% |
|
|
Show examples (3)
math-renderer [mathcolor=gray]
{ color: gray; }
.ansifg-gr
{ color: gray; }
.ansibg-gr
{ background-color: gray; }
|
||||
#d1242f
|
28 | 1.9% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger])
{ color: #d1242f; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-Visual-YNt2F
{ color: #d1242f; }
.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled]
{ color: #d1242f; }
|
||||
black
|
19 | 1.3% |
|
|
Show examples (3)
.ansifg-b
{ color: black; }
.ansifg-b-br
{ color: black; }
.ansibg-b
{ background-color: black; }
|
||||
red
|
16 | 1.1% |
|
|
Show examples (3)
.pl-mi2
{ color: red; }
.pl-mi2
{ background-color: red; }
.cm-s-default .cm-error
{ color: red; }
|
||||
pink
|
14 | 1.0% |
|
|
Show examples (3)
[data-dark-theme=dark_colorblind] .svg-tip.comparison .metric-1:before
{ background-color: pink; }
[data-dark-theme=dark_tritanopia] .svg-tip.comparison .metric-1:before
{ background-color: pink; }
[data-light-theme=light_colorblind] .svg-tip.comparison .metric-1:before
{ background-color: pink; }
|
||||
#f6f8fa
|
14 | 1.0% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default])
{ background-color: #f6f8fa; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger])
{ background-color: #f6f8fa; }
.prc-components-TextInputBaseWrapper-wY-n0:where([data-contrast])
{ background-color: #f6f8fa; }
|
||||
green
|
13 | 0.9% |
|
|
Show examples (3)
math-renderer [mathcolor=green]
{ color: green; }
.ansifg-g
{ color: green; }
.ansifg-g-br
{ color: green; }
|
||||
hsl(var(--label-h)
|
13 | 0.9% |
|
|
Show examples (3)
[data-color-mode=light][data-light-theme*=dark] .hx_IssueLabel
{ color: hsl(var(--label-h); }
[data-color-mode=dark][data-dark-theme*=dark] .hx_IssueLabel
{ color: hsl(var(--label-h); }
[data-color-mode=light] .prc-Token-IssueLabel-2IazM
{ border-color: hsl(var(--label-h); }
|
||||
blue
|
11 | 0.8% |
|
|
Show examples (3)
math-renderer [mathcolor=blue]
{ color: blue; }
.ansifg-bl
{ color: blue; }
.ansifg-bl-br
{ color: blue; }
|
||||
yellow
|
11 | 0.8% |
|
|
Show examples (3)
math-renderer [mathcolor=yellow]
{ color: yellow; }
.ansifg-y
{ color: yellow; }
.ansifg-y-br
{ color: yellow; }
|
||||
#9a6700
|
10 | 0.7% |
|
|
Show examples (3)
.prc-ActionList-InactiveWarning-1Dszv
{ color: #9a6700; }
.prc-SelectPanel-Notice-zIRk9:where([data-variant=warning])
{ color: #9a6700; }
.prc-SelectPanel-MessageIcon-gpYuP
{ color: #9a6700; }
|
||||
#eff2f5
|
10 | 0.7% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):hover
{ background-color: #eff2f5; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled
{ background-color: #eff2f5; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true])
{ background-color: #eff2f5; }
|
||||
#d1d9e0b3
|
10 | 0.7% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) [data-kbd-chord]
{ border-color: #d1d9e0b3; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) [data-kbd-chord]
{ border-color: #d1d9e0b3; }
.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]
{ border-color: #d1d9e0b3; }
|
||||
#e6eaef
|
9 | 0.6% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=default])
{ background-color: #e6eaef; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):active
{ background-color: #e6eaef; }
.prc-Button-ButtonBase-9n-Xk:where([data-inactive])
{ background-color: #e6eaef; }
|
||||
#1f883d
|
9 | 0.6% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary])
{ background-color: #1f883d; }
.prc-components-TextInputBaseWrapper-wY-n0:where([data-validation=success])
{ border-color: #1f883d; }
:where(.prc-Label-Label-qG-Zu):where([data-variant=success])
{ border-color: #1f883d; }
|
||||
hsla(var(--label-h)
|
9 | 0.6% |
|
|
Show examples (3)
:root .hx_IssueLabel
{ border-color: hsla(var(--label-h); }
[data-color-mode=light][data-light-theme*=light] .hx_IssueLabel
{ border-color: hsla(var(--label-h); }
[data-color-mode=dark][data-dark-theme*=light] .hx_IssueLabel
{ border-color: hsla(var(--label-h); }
|
||||
#cf222e
|
9 | 0.6% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover
{ background-color: #cf222e; }
.prc-components-TextInputBaseWrapper-wY-n0:where([data-validation=error])
{ border-color: #cf222e; }
.prc-components-TextInputBaseWrapper-wY-n0:where([data-validation=error]):where([data-no-trailing-action]):focus-within
{ border-color: #cf222e; }
|
||||
#fff0
|
8 | 0.6% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible])
{ border-color: #fff0; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover
{ border-color: #fff0; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled
{ background-color: #fff0; }
|
||||
purple
|
8 | 0.6% |
|
|
Show examples (3)
math-renderer [mathcolor=purple]
{ color: purple; }
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh
{ color: purple; }
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ
{ background-color: purple; }
|
||||
#1f232826
|
8 | 0.6% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary])
{ border-color: #1f232826; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):hover
{ border-color: #1f232826; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) [data-kbd-chord]
{ border-color: #1f232826; }
|
||||
#818b981f
|
8 | 0.6% |
|
|
Show examples (3)
.prc-CounterLabel-CounterLabel-X-kRU:where([data-variant=secondary])
{ background-color: #818b981f; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) .prc-Button-CounterLabel-5hAs4
{ background-color: #818b981f; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-CounterLabel-5hAs4
{ background-color: #818b981f; }
|
||||
lime
|
7 | 0.5% |
|
|
Show examples (3)
.pl-sg
{ color: lime; }
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo
{ color: lime; }
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA
{ background-color: lime; }
|
||||
orange
|
7 | 0.5% |
|
|
Show examples (3)
math-renderer [mathcolor=orange]
{ color: orange; }
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp
{ color: orange; }
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7
{ background-color: orange; }
|
||||
#8250df
|
7 | 0.5% |
|
|
Show examples (3)
:where(.prc-Label-Label-qG-Zu):where([data-variant=done])
{ border-color: #8250df; }
:where(.prc-Label-Label-qG-Zu):where([data-variant=done])
{ color: #8250df; }
.prc-StateLabel-StateLabel-Iawzp:where([data-status=issueClosed])
{ background-color: #8250df; }
|
||||
#818b9826
|
7 | 0.5% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=invisible])
{ background-color: #818b9826; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active
{ background-color: #818b9826; }
.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled]
{ background-color: #818b9826; }
|
||||
#25292e
|
7 | 0.5% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk
{ color: #25292e; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=default])
{ color: #25292e; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible])
{ color: #25292e; }
|
||||
teal
|
6 | 0.4% |
|
|
Show examples (3)
.Primer_Brand__Icon-module__Icon--color-teal___fix20
{ color: teal; }
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd
{ background-color: teal; }
.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal___iB9Rw
{ color: teal; }
|
||||
#000
|
6 | 0.4% |
|
|
Show examples (3)
.CodeMirror
{ color: #000; }
.CodeMirror-guttermarker
{ color: #000; }
.global-banner--universe_26
{ color: #000; }
|
||||
#58a6ff
|
6 | 0.4% |
|
|
Show examples (3)
.Header .header-search-button .input-parsed-symbol
{ color: #58a6ff; }
.header-logged-out .header-search-button .input-parsed-symbol
{ color: #58a6ff; }
.Header .header-search-button .pl-c1
{ color: #58a6ff; }
|
||||
hsl(0deg, 0%, calc(var(--lightness-switch)
|
5 | 0.3% |
|
|
Show examples (3)
:root .hx_IssueLabel
{ color: hsl(0deg, 0%, calc(var(--lightness-switch); }
[data-color-mode=light][data-light-theme*=light] .hx_IssueLabel
{ color: hsl(0deg, 0%, calc(var(--lightness-switch); }
[data-color-mode=dark][data-dark-theme*=light] .hx_IssueLabel
{ color: hsl(0deg, 0%, calc(var(--lightness-switch); }
|
||||
#999
|
4 | 0.3% |
|
|
Show examples (3)
.CodeMirror-linenumber
{ color: #999; }
.CodeMirror-guttermarker-subtle
{ color: #999; }
.cm-s-default .cm-hr
{ color: #999; }
|
||||
#ffffffb3
|
4 | 0.3% |
|
|
Show examples (3)
.text-white-fade
{ color: #ffffffb3; }
.prc-Header-Header-zcBYI
{ color: #ffffffb3; }
.prc-Header-HeaderLink-NpVNI:focus
{ color: #ffffffb3; }
|
||||
#ddf4ff
|
4 | 0.3% |
|
|
Show examples (3)
.prc-SelectPanel-Notice-zIRk9:where([data-variant=info])
{ background-color: #ddf4ff; }
.prc-Flash-Flash-q6HW0:where([data-variant=default])
{ background-color: #ddf4ff; }
.prc-BranchName-BranchName-CMTaU
{ background-color: #ddf4ff; }
|
||||
#95d8a6
|
4 | 0.3% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled
{ background-color: #95d8a6; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled
{ border-color: #95d8a6; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true])
{ background-color: #95d8a6; }
|
||||
#fffc
|
4 | 0.3% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled
{ color: #fffc; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true])
{ color: #fffc; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]
{ color: #fffc; }
|
||||
#d1242f80
|
4 | 0.3% |
|
|
Show examples (3)
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled
{ color: #d1242f80; }
.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true])
{ color: #d1242f80; }
.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4
{ color: #d1242f80; }
|
||||
#ffffffbf
|
4 | 0.3% |
|
|
Show examples (3)
.Header-input::placeholder
{ color: #ffffffbf; }
.header-search-input::placeholder
{ color: #ffffffbf; }
.header-search-button.placeholder
{ color: #ffffffbf; }
|
||||
#9e7bff
|
3 | 0.2% |
|
|
Show examples (3)
.suggest-icon svg:before
{ background-color: #9e7bff; }
.suggest-icon path:before
{ background-color: #9e7bff; }
.suggest-icon .suggest-icon-bubble:nth-of-type(2n)
{ background-color: #9e7bff; }
|
||||
Average Specificity
Highest Specificity
Lowest Specificity
High Specificity (>100)
| Rank | Specificity | Selector | Declarations | Media |
|---|---|---|---|---|
| 1 | 200 |
#recovery-dialog #recovery-dialog-description
|
8 | |
| 2 | 200 |
#recovery-dialog #recovery-dialog-title
|
2 | |
| 3 | 110 |
#package-results .package-grid
|
3 | |
| 4 | 110 |
#package-results .package-grid
|
1 | (min-width:1012px) |
| 5 | 104 |
#user-content-toc ul ul li:before
|
7 | |
| 6 | 103 |
#user-content-toc ul ul ul
|
1 | |
| 7 | 102 |
#user-content-toc ul li
|
1 | |
| 8 | 102 |
#user-content-toc ul ul
|
1 | |
| 9 | 101 |
#user-content-toc ul
|
3 | |
| 10 | 101 |
#user-content-toc tr
|
1 | |
| 11 | 101 |
#user-content-toctitle h2
|
4 | |
| 12 | 101 |
#user-content-toc td
|
4 | |
| 13 | 100 |
#recovery-dialog-description
|
8 | |
| 14 | 100 |
#hero
|
2 | |
| 15 | 100 |
#__primerPortalRoot__
|
1 | |
| 16 | 100 |
#user-content-toc
|
1 | |
| 17 | 100 |
#serverstats
|
1 | |
| 18 | 82 |
.prose-diff>.markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added
|
1 | |
| 19 | 81 |
.AppHeader .AppHeader-globalBar .AppHeader-context.responsive-context-region .AppHeader-context-full context-region-crumb:last-of-type .AppHeader-context-item .AppHeader-context-item-label
|
4 | |
| 20 | 81 |
.GlobalNav .AppHeader-globalBar .AppHeader-context.responsive-context-region .AppHeader-context-full context-region-crumb:last-of-type .AppHeader-context-item .AppHeader-context-item-label
|
4 |
!important Declarations
Of All Declarations
Properties Affected
Selectors Using It
| Rank | Property | Count | % of !important |
|---|---|---|---|
| 1 |
margin-bottom
|
397 |
|
| 2 |
margin-top
|
393 |
|
| 3 |
margin-left
|
275 |
|
| 4 |
padding-bottom
|
264 |
|
| 5 |
padding-top
|
264 |
|
| 6 |
padding-left
|
229 |
|
| 7 |
padding-right
|
228 |
|
| 8 |
margin-right
|
219 |
|
| 9 |
display
|
202 |
|
| 10 |
transition
|
171 |
|
| Rank | Selector | !important Count |
|---|---|---|
| 1 |
.show-on-focus:not(:focus)
|
6 |
| 2 |
.HeaderMenu .search-input .search-input-container
|
5 |
| 3 |
.page-responsive .hx_dropdown-fullscreen .dropdown-menu
|
5 |
| 4 |
.notifications-v2 .AvatarStack-body .avatar
|
5 |
| 5 |
.primer-button-break-line .SegmentedControl .Button
|
4 |
| 6 |
.HeaderMenu .HeaderMenu-wrapper
|
4 |
| 7 |
.build-in-reduced
|
4 |
| 8 |
.build-in-reduced *
|
4 |
| 9 |
.actions-fullwidth-module
|
4 |
| 10 |
.primer-button-break-line .SegmentedControl .Button .Button-label
|
3 |
| 11 |
.primer-button-break-line .Button
|
3 |
| 12 |
.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw
|
3 |
| 13 |
.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw:before
|
3 |
| 14 |
.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw:after
|
3 |
| 15 |
.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw *
|
3 |
| 16 |
.Primer_Brand__Timeline-module__Timeline__item____ME4_
|
3 |
| 17 |
.Primer_Brand__Timeline-module__Timeline__item____ME4_:before
|
3 |
| 18 |
.Primer_Brand__Timeline-module__Timeline__item____ME4_:after
|
3 |
| 19 |
.Primer_Brand__IDE-module__IDE__Chat-input___XXUIS
|
3 |
| 20 |
.enforce-outline-contrast:focus-visible
|
3 |