blob: 21d93c183c02b7a6faf3e1ad9068df33cb88a790 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
extends _layout/_docs-layout.pug
block variables
- var slug = 'getting-started'
- var parent = 'getting-started'
- var title = 'Getting started - Spectre.css CSS Framework'
- var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
block docs-content
+docs-heading('getting-started', 'Getting started')
include _layout/_ad-g.pug
p
strong Spectre.css
| is a lightweight, responsive and modern CSS framework for faster and extensible development.
p
| Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
.docs-demo.columns
.column.col-6.col-xs-12
.card
.card-header
.card-title.h5 Installation
.card-body
| How to install and use Spectre.css
.card-footer
a.btn.btn-primary(href="getting-started/installation.html") View
.column.col-6.col-xs-12
.card
.card-header
.card-title.h5 Custom version
.card-body
| Customize your version of Spectre.css
.card-footer
a.btn.btn-primary(href="getting-started/custom.html") View
.column.col-6.col-xs-12
.card
.card-header
.card-title.h5 Browser support
.card-body
| Browser compatibility and support
.card-footer
a.btn.btn-primary(href="getting-started/browsers.html") View
.column.col-6.col-xs-12
.card
.card-header
.card-title.h5 What's new
.card-body
| Changelog and release notes
.card-footer
a.btn.btn-primary(href="getting-started/whatsnew.html") View
.column.col-6.col-xs-12
.card
.card-header
.card-title.h5 Accessibility
.card-body
| Coming soon
include _layout/_ad-c.pug
include _layout/_footer.pug
|