PostCSS Initial

PostCSS plugin to fallback initial keyword. Very useful in combination with postcss-autoreset.

1a {
2  animation: initial;
3  background: initial;
4  white-space: initial;
5}
6p {
7  background: url(/img1.png),
8              url(/img2.png);
9  background-repeat: initial no-repeat
10}

1a {
2  animation: none 0s ease 0s 1 normal none running;
3  animation: initial;
4  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
5  background: initial;
6  white-space: normal;
7  white-space: initial;
8}
9p {
10  background: url(/img1.png),
11              url(/img2.png);
12  background-repeat: repeat no-repeat
13}

Killer feature!

Universal reset from future css!

1a {
2  all: initial;
3}

1a {
2  animation: none 0s ease 0s 1 normal none running;
3  backface-visibility: visible;
4  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
5  border: medium none currentColor;
6  border-collapse: separate;
7  border-image: none;
8  border-radius: 0;
9  border-spacing: 0;
10  bottom: auto;
11  box-shadow: none;
12  box-sizing: content-box;
13  caption-side: top;
14  clear: none;
15  clip: auto;
16  color: #000;
17  columns: auto;
18  column-count: auto;
19  column-fill: balance;
20  column-gap: normal;
21  column-rule: medium none currentColor;
22  column-span: 1;
23  column-width: auto;
24  content: normal;
25  counter-increment: none;
26  counter-reset: none;
27  cursor: auto;
28  direction: ltr;
29  display: inline;
30  empty-cells: show;
31  float: none;
32  font-family: serif;
33  font-size: medium;
34  font-style: normal;
35  font-variant: normal;
36  font-weight: normal;
37  font-stretch: normal;
38  line-height: normal;
39  height: auto;
40  hyphens: none;
41  left: auto;
42  letter-spacing: normal;
43  list-style: disc outside none;
44  margin: 0;
45  max-height: none;
46  max-width: none;
47  min-height: 0;
48  min-width: 0;
49  opacity: 1;
50  orphans: 2;
51  outline: medium none invert;
52  overflow: visible;
53  overflow-x: visible;
54  overflow-y: visible;
55  padding: 0;
56  page-break-after: auto;
57  page-break-before: auto;
58  page-break-inside: auto;
59  perspective: none;
60  perspective-origin: 50% 50%;
61  position: static;
62  right: auto;
63  tab-size: 8;
64  table-layout: auto;
65  text-align: left;
66  text-align-last: auto;
67  text-decoration: none;
68  text-indent: 0;
69  text-shadow: none;
70  text-transform: none;
71  top: auto;
72  transform: none;
73  transform-origin: 50% 50% 0;
74  transform-style: flat;
75  transition: none 0s ease 0s;
76  unicode-bidi: normal;
77  vertical-align: baseline;
78  visibility: visible;
79  white-space: normal;
80  widows: 2;
81  width: auto;
82  word-spacing: normal;
83  z-index: auto;
84  all: initial;
85}

Options

reset

Takes string. Describes what subset of rules should be unsetted with all property (to reduce code weight). Possible subsets: all, inherited. Default value: 'all'.

replace

Takes boolean. Replace the initial with the fallback instead of adding it. Default value: false.

Usage

1postcss([ require('postcss-initial')({
2  reset: 'inherited' // reset only inherited rules
3}) ])

See PostCSS docs for examples for your environment.

Changelog