Lists
Table of contents
Evaluation
#1 - Main Website
Recent News
ul
- margin:
15px 0 15px 20px
- list-style:
none
- padding:
0
- border:
0
- outline:
0
li
- vertical-align:
baseline
- font-family:
Source Sans Pro
- font-size:
16px
- display:
list-item
- text-underline-offset:
3px
- text-decoration:
underline
- color:
#727272
- text-decoration:
underline 1px dotted #13aff0
- color:
#4a86cf
Donate
ul
- margin:
15px 0 15px 20px
- padding:
0
- border:
0
- outline:
0
- display:
block
- list-style-type:
disc
li
- color:
#494949
- font-family:
Source Sans Pro
- font-size:
16px
#2 - Extensions
Extensions
ul
- margin-top:
0
- padding-left:
0
- margin:
0.4em 0 1em
- list-style:
square
- display:
block
li
- font-family:
Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial, sans-serif
- font-size:
14px
- line-height:
22.4px
- color:
#000000
- border-bottom:
1px solid #ccc
- border-bottom-color:
rgba(0, 0, 0, 0.2)
- margin-top:
10px
- color:
#444455
#3 - Events Portal
Main event list
ul
- border-left:
1px solid #e6e6e6
- border-right:
1px solid #e6e6e6
- border-top:
1px solid #e6e6e6
- border-radius:
4px
- list-style-type:
none
- padding:
0px
- display:
block
li
- transition:
color 0.25s ease-out
- transition-property:
color
- transition-duration:
0.25s
- transition-timing-function:
ease-out
- transition-delay:
0s
- transition-property:
- background:
#f2f2f2
- line-height:
2.5em
- color:
#b3b3b3
- border-top:
1px solid #fafafa
- border-bottom:
1px solid #e6e6e6
- font-family:
Helvetica Neue", Helvetica, Verdana, Arial, sans-serif
- font-size:
15.6px
- line-height:
39px
- color:
#4a86cf
- background-color:
#f2f2f2
- color:
#00668d
Upcoming Events
ul
- list-style-type:
none
- padding:
0
- display:
block
li
- margin-bottom:
0.5em
- list-style-type:
none
- display: list-item;
- font-family:
Helvetica Neue, Helvetica, Verdana, Arial, sans-serif
- font-size:
13px
- line-height:
18.5px
- color:
#4a86cf
- background-color:
#fafafa
#4 - Planet
No list element found.
#5 - Discourse
All categories
ul
- padding:
0.25em 1em
- margin:
0
- padding:
0
li
- min-height:
1px
- padding:
0.75em
- font-size:
13px
- line-height:
18.3px
- font-family:
Source Sans Pro, Cantarell, droid sans, Ubuntu, DejaVu Sans, Arial, sans-serif
- color:
#919191
- background-color:
#d1f0ff
- color:
#919191
- background-color:
#d1f0ff
Categories
ul
- margin-bottom:
10px
- margin-left:
0
- list-style:
none
- margin:
0 0 9px 25px
- padding:
0
- display:
block
li
- font-family:
Source Sans Pro, Cantarell, Droid Sans, Ubuntu, DejaVu Sans, Arial, sans-serif
- font-size:
17.2px
- line-height:
17.2px
- color:
#222222
- background-color:
#ffffff
- color:
#e45735
- background-color:
#f7cdc2
- color:
#ffffff
- background-color:
#e45735
FAQ
ul
- list-style:
none
- margin:
0
- padding:
0
- display:
block
li
- display:
list-item
- line-height:
21px
- font-size:
15px
- font-family:
Source Sans Pro, Cantarell, Droid Sans, Ubuntu, DejaVu Sans, Arial, sans-serif
- color:
#222222
- color:
#ffffa6
#6 - Developer Center
HIG Sections
ul
- line-height:
27px
- list-style-type:
disc
- margin-block-end:
54px
- margin-block-start:
18px
- margin-bottom:
54px
- margin-inline-end:
18px
- margin-inline-start:
18px
- margin-left:
18px
- margin-right:
18px
- margin-top:
18px
- padding-inline-start:
21.6px
- padding-left:
21.6px
li
- margin-bottom:
18px
- margin-inline-end:
11.25px
- text-align:
left
- font-family:
"Inter var", sans-serif
- font-size:
18px
- font-weight:
400
Make it simple
ul
- line-height:
27px
- list-style-type:
disc
- margin-block-end:
54px
- margin-block-start:
18px
- margin-bottom:
54px
- margin-inline-end:
18px
- margin-inline-start:
18px
- margin-left:
18px
- margin-right:
18px
- margin-top:
18px
- padding-inline-start:
21.6px
- padding-left:
21.6px
li
- margin-bottom:
18px
- margin-inline-end:
11.25px
- text-align:
left
- font-family:
"Inter var", sans-serif
- font-weight:
400
- font-size:
18px
- text-color:
#ffffffd9
#7 - Wiki
Languages
ul
- display:
block
li
- list-style-type:
none
- padding-bottom:
0.2em
- display:
list-item
- border-bottom:
1px dotted #888
- font-family:
Source Sans Pro, sans-serif
- line-height:
22.4px
- font-size:
16px
- color:
#3465a4
- background-color:
#ffffff
Main Areas
ul
- display:
block
- list-style-type:
disc
li
- padding-bottom:
0.2em
- display:
list-item
- border-bottom:
1px dotted #888
- font-family:
Source Sans Pro, sans-serif
- font-size:
16px
- line-height:
22.4px
- color:
#000000
- background-color:
#ffffff
Contents
ol
- margin:
1em 0.5em 1em 1em
- padding:
0
- display:
block
- list-style-type:
decimal
li
- margin-left:
1em
- display:
list-item
- border-bottom:
1px dotted #888
- font-family:
Source Sans Pro, sans-serif
- font-size:
13.6px
- line-height:
19px
- color:
#000000
- background-color:
#ffffff
#8 - Apps
Get to know us
ul
- padding:
8px 0 0
- margin-inline-start:
2px
- list-style-position:
outside
- width:
139.65px
li
- display:
flex
- align-items:
flex-end
- padding:
4px 0
- font-family:
Cantarell, sans-serif
- font-size:
17px
- link-color:
#99C1F1
- filter:
brightness(1.2)
- transition:
0.3s filter
- color:
#99c1f1
Features
ul
- list-style-type:
disc
- margin-block-end:
17px
- margin-block-start:
17px
- margin-inline-end:
0px
- margin-inline-start:
0px
- padding-inline-start:
40px
li
- font-family:
Cantarell, sans-serif
- font-size:
17px
- text-color:
#deddda
#9 - Forty
None
#10 - Os
None
#11 - Circle
Benefits
ul
- display:
block
- box-sizing:
border-box
- list-style-type:
disc
- margin-block-start:
1em
- margin-block-end:
1em
- margin-inline-start:
0px
- margin-inline-end:
0px
- padding-inline-start:
40px
li
- color:
#f6f5f4
- font-size:
18px
- font-family:
"Cantarell", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif
- font-weight:
400
- line-height:
1.6
- letter-spacing:
-0.01em
- word-spacing:
-0.01em
#12 - Release
Keyboard shortcuts
ul
- display:
grid
- padding:
0
- grid-template-columns:
repeat(auto-fill, minmax(300px, 1fr))
- margin:
1rem 0 0
- grid-column:
main
li
- margin-bottom:
18px
- margin-inline-end:
11.25px
- text-align:
left
- font-family:
"Inter var", sans-serif
- font-size:
18px
- font-weight:
400
- box-sizing:
border-box
- line-height:
1.6
- color:
#ffffff
Performance improvements
ul
- grid-column:
main
- box-sizing:
border-box
- margin-block-end:
18px
- margin-block-start:
18px
- margin-inline-end:
0px
- margin-inline-start:
0px
- padding-inline-start:
40px
- list-style-type:
disc
li
- margin-inline-end:
1ch
- margin-bottom:
1rem
- font-family:
"Inter var", sans-serif
- font-weight:
400
- line-height:
1.6
- color:
#ffffff
- font-size:
18px
Mockups
Vertical List without Bullets
Bulleted Vertical List
Numbered Vertical List
Two Line List
Horizontal List without Bullets
Updated Mockups
Edited by Pooja Patel