reapercss 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "reapercss",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "description": "A tiny, class-free CSS framework that instantly makes HTML look clean and readable.",
5
5
  "main": "CSS/reaper.min.css",
6
6
  "style": "less/reaper.less",
7
7
  "files": [
8
- "CSS/",
9
- "less/",
8
+ "CSS/reaper.min.css",
10
9
  "LICENSE",
11
10
  "README.md"
12
11
  ],
@@ -1,89 +0,0 @@
1
- @import (reference) "_variables";
2
-
3
- /* placeholder */
4
- ::placeholder,
5
- ::-webkit-input-placeholder,
6
- :-ms-input-placeholder {
7
- color: @placeholder;
8
- }
9
-
10
- /* selection */
11
- ::selection,
12
- ::-moz-selection {
13
- background-color: @selection-bg;
14
- color: @primary-txt;
15
- }
16
-
17
- /* scrollbar */
18
- ::-webkit-scrollbar {
19
- height: 10px;
20
- width: 10px;
21
- }
22
- ::-webkit-scrollbar-track {
23
- background: @secondary-bg;
24
- }
25
- ::-webkit-scrollbar-thumb {
26
- background: @scrollbar;
27
- border: 2px solid @secondary-bg;
28
- }
29
- ::-webkit-scrollbar-thumb:hover {
30
- background: @scrollbar-hover;
31
- }
32
- /* body */
33
- body {
34
- -moz-osx-font-smoothing: grayscale;
35
- -webkit-font-smoothing: antialiased;
36
- background: @primary-bg;
37
- color: @primary-txt;
38
- font-family:
39
- system-ui,
40
- -apple-system,
41
- BlinkMacSystemFont,
42
- "Segoe UI",
43
- Roboto,
44
- Oxygen,
45
- Ubuntu,
46
- Cantarell,
47
- "Fira Sans",
48
- "Droid Sans",
49
- "Helvetica Neue",
50
- sans-serif;
51
- line-height: 1.6;
52
- margin: 40px auto;
53
- max-width: 800px;
54
- padding: 0 20px;
55
- text-rendering: optimizeLegibility;
56
- }
57
-
58
- /* headings */
59
- h1,
60
- h2,
61
- h3,
62
- h4,
63
- h5,
64
- h6 {
65
- line-height: 1.3;
66
- margin-bottom: 16px;
67
- color: @heading-txt;
68
- font-weight: 600;
69
- }
70
- h1 {
71
- font-size: 2.2em;
72
- margin-top: 0;
73
- }
74
-
75
- /* bold text */
76
- b,
77
- strong {
78
- color: @heading-txt;
79
- font-weight: 600;
80
- }
81
-
82
- /* links */
83
- a {
84
- color: @primary-anchor;
85
- transition: color 0.2s ease;
86
- }
87
- a:hover {
88
- color: @link-hover;
89
- }
@@ -1,81 +0,0 @@
1
- @import (reference) "_variables";
2
-
3
- /* blockquotes */
4
- blockquote {
5
- background-color: @secondary-bg;
6
- border-left: 4px solid @bq-border;
7
- font-style: italic;
8
- margin: 1.5em 0;
9
- padding: 0.5em 1em;
10
- }
11
- blockquote cite {
12
- font-style: normal;
13
- }
14
- blockquote > footer {
15
- color: @bq-color;
16
- font-style: normal;
17
- margin-top: 10px;
18
- }
19
-
20
- address {
21
- font-style: normal;
22
- }
23
-
24
- /* code & pre */
25
- code,
26
- kbd {
27
- background: @secondary-bg;
28
- color: @primary-code;
29
- font-family: "SF Mono", Monaco, "Cascadia Mono", "Segoe UI Mono", monospace;
30
- font-size: 0.9em;
31
- padding: 2px 6px;
32
- }
33
- pre > code {
34
- border: 1px solid @border-color;
35
- display: block;
36
- overflow-x: auto;
37
- padding: 16px;
38
- }
39
-
40
- /* images */
41
- img {
42
- height: auto;
43
- max-width: 100%;
44
- }
45
-
46
- /* hr */
47
- hr {
48
- border: none;
49
- border-top: 1px solid @accent-color;
50
- margin: 2em 0;
51
- }
52
-
53
- /* tables */
54
- table {
55
- border-collapse: collapse;
56
- border: 1px solid @border-color;
57
- margin-bottom: 1.5em;
58
- overflow: hidden;
59
- width: 100%;
60
- }
61
- th {
62
- background-color: @secondary-bg;
63
- border-bottom: 1px solid @border-color;
64
- font-weight: 600;
65
- padding: 12px;
66
- text-align: left;
67
- }
68
- td {
69
- border-bottom: 1px solid @border-color;
70
- padding: 12px;
71
- text-align: left;
72
- }
73
- tbody tr:last-child td {
74
- border-bottom: none;
75
- }
76
- tbody tr:nth-child(even) {
77
- background-color: rgba(255, 255, 255, 0.02);
78
- }
79
- tbody tr:hover {
80
- background-color: rgba(255, 255, 255, 0.05);
81
- }
@@ -1,90 +0,0 @@
1
- @import (reference) "_variables";
2
-
3
- /* form elements */
4
- button,
5
- input,
6
- select,
7
- textarea {
8
- background-color: @secondary-bg;
9
- border: 1px solid @border-color;
10
- color: @secondary-txt;
11
- font-family: inherit;
12
- font-size: inherit;
13
- margin-bottom: 8px;
14
- margin-right: 6px;
15
- outline: none;
16
- padding: 12px;
17
- transition:
18
- background-color 0.1s linear,
19
- border-color 0.1s linear,
20
- color 0.1s linear,
21
- box-shadow 0.1s linear,
22
- transform 0.1s ease;
23
- }
24
-
25
- button:focus,
26
- input:focus,
27
- select:focus,
28
- textarea:focus {
29
- border-color: #555555;
30
- box-shadow: 0 0 0 2px @box-shadow;
31
- }
32
-
33
- button:disabled,
34
- input:disabled,
35
- select:disabled,
36
- textarea:disabled {
37
- cursor: not-allowed;
38
- opacity: 0.5;
39
- }
40
-
41
- button {
42
- -webkit-appearance: none;
43
- cursor: pointer;
44
- padding-left: 30px;
45
- padding-right: 30px;
46
- }
47
- button:hover {
48
- background: @button-hover;
49
- border-color: #333333;
50
- }
51
-
52
- /* input types */
53
- input:not([type="checkbox"]):not([type="radio"]) {
54
- -webkit-appearance: none;
55
- display: block;
56
- }
57
- input[type="submit"],
58
- input[type="button"] {
59
- cursor: pointer;
60
- padding-left: 30px;
61
- padding-right: 30px;
62
- }
63
- input[type="submit"]:hover,
64
- input[type="button"]:hover {
65
- background: @button-hover;
66
- border-color: #333333;
67
- }
68
- input[type="checkbox"] {
69
- cursor: pointer;
70
- }
71
- input[type="checkbox"]:active,
72
- input[type="radio"]:active,
73
- input[type="submit"]:active,
74
- input[type="button"]:active,
75
- button:active {
76
- transform: translateY(2px);
77
- }
78
-
79
- select {
80
- -webkit-appearance: none;
81
- display: block;
82
- }
83
-
84
- textarea {
85
- -webkit-appearance: none;
86
- box-sizing: border-box;
87
- min-height: 100px;
88
- resize: vertical;
89
- width: 100%;
90
- }
@@ -1,18 +0,0 @@
1
- @accent-color: #444444;
2
- @border-color: #222222;
3
- @box-shadow: rgba(255, 255, 255, 0.1);
4
- @bq-border: #333333;
5
- @bq-color: #d4d4d4;
6
- @button-hover: #1a1a1a;
7
- @heading-txt: #ffffff;
8
- @link-hover: #cccccc;
9
- @placeholder: #666666;
10
- @primary-anchor: #ffffff;
11
- @primary-bg: #000000;
12
- @primary-code: #d1d1d1;
13
- @primary-txt: #e8e8e8;
14
- @scrollbar-hover: #2a2a2a;
15
- @scrollbar: #1a1a1a;
16
- @secondary-bg: #0a0a0a;
17
- @secondary-txt: #e8e8e8;
18
- @selection-bg: rgba(255, 255, 255, 0.15);
package/less/reaper.less DELETED
@@ -1,12 +0,0 @@
1
- // out: "../css/reaper.min.css"
2
-
3
- /*!
4
- * Reaper - Minimal Black/White Theme
5
- * Version: 1.0.0
6
- */
7
-
8
- // Import modules
9
- @import "modules/_variables";
10
- @import "modules/_base";
11
- @import "modules/_content";
12
- @import "modules/_forms";