blob: 60d8e1310bcf4709f7693c1d9262c812e2ae9087 (
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
66
67
68
69
70
71
72
73
|
---
extends: _layouts.post
section: content
title: Customizing Your Site
date: 2018-12-24
description: Customize your site with CSS and JS
tags: [PHP, MySql]
featured: true
excerpt: This starter template comes pre-loaded with Tailwind CSS, a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS.
---
This starter template comes pre-loaded with [Tailwind CSS](https://tailwindcss.com), a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS. There are also a few base Sass files in the `/source/_assets/sass` folder, set up with the expectation that you can add any custom CSS into `_blog.scss`.
> You can also re-work the architecture of the Sass files any way you’d like; just make sure to keep the `@tailwind` references in your final `main.scss` file.
```scss
// source/_assets/sass/main.scss
@tailwind preflight;
@tailwind components;
// Code syntax highlighting,
// https://highlightjs.org
@import '~highlightjs/styles/default';
@import 'base';
@import 'navigation';
@import 'mailchimp';
@import 'blog';
@tailwind utilities;
```
---
## Typography Styles
Here’s a quick preview of what some of the basic type styles will look like in this starter template:
# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
The quick brown fox jumps over the lazy dog
<s>The quick brown fox jumps over the lazy dog</s>
<u>The quick brown fox jumps over the lazy dog</u>
_The quick brown fox jumps over the lazy dog_
**The quick brown fox jumps over the lazy dog**
`The quick brown fox jumps over the lazy dog`
<small>The quick brown fox jumps over the lazy dog</small>
> The quick brown fox jumps over the lazy dog
[The quick brown fox jumps over the lazy dog](#)
```php
class Foo extends bar
{
public function fooBar()
{
//
}
}
```
|
