blog-template/tailwind.config.css at master · Kodrika/blog-template · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');
/**
 * This injects Tailwind's base styles, which is a combination of
 * Normalize.css and some additional base styles.
 *
 * You can see the styles here:
 * https://github.com/tailwindcss/tailwindcss/blob/master/css/base.css
 *
 * If using `postcss-import`, use this import instead:
 *
 * @import "tailwindcss/base";
 */
 @tailwind base;

 /**
  * This injects any component classes registered by plugins.
  *
  * If using `postcss-import`, use this import instead:
  *
  * @import "tailwindcss/components";
  */
 @tailwind components;

 /**
  * Here you would add any of your custom component classes; stuff that you'd
  * want loaded *before* the utilities so that the utilities could still
  * override them.
  *
  * Example:
  *
  * .btn { ... }
  * .form-input { ... }
  *
  * Or if using a preprocessor or `postcss-import`:
  *
  * @import "components/buttons";
  * @import "components/forms";
  */

 /**
  * This injects all of Tailwind's utility classes, generated based on your
  * config file.
  *
  * If using `postcss-import`, use this import instead:
  *
  * @import "tailwindcss/utilities";
  */
 @tailwind utilities;

 /**
  * Here you would add any custom utilities you need that don't come out of the
  * box with Tailwind.
  *
  * Example :
  *
  * .bg-pattern-graph-paper { ... }
  * .skew-45 { ... }
  *
  * Or if using a preprocessor or `postcss-import`:
  *
  * @import "utilities/background-patterns";
  * @import "utilities/skew-transforms";
  */

.bg-cover-green{
 background-image:url('../images/covers/1.jpg'); height: 30vh; max-height:300px;
}

.bg-cover-blue{
 background-image:url('../images/covers/2.jpg'); height: 30vh; max-height:300px;
}

.bg-cover-purple{
 background-image:url('../images/covers/3.jpg'); height: 30vh; max-height:300px;
}

.bg-cover-red{
 background-image:url('../images/covers/4.jpg'); height: 30vh; max-height:300px;
}

.bg-cover-yellow{
 background-image:url('../images/covers/5.jpg'); height: 30vh; max-height:300px;
}

.bg-cover-lake{
 background-image:url('../images/covers/6.jpg'); height: 30vh; max-height:300px;
}

.font-libre{
    font-family: 'Libre Baskerville', serif;
}