reapercss 1.0.8 → 1.0.10

package/README.md

@@ -30,7 +30,7 @@ npm install reapercss
 
 - **Classless:** Works without adding classes
 - **Dark-first:** Elegant dark theme by default
-- **Minimal:** <5 KB, zero dependencies
+- **Lightweight:** Minimal and efficient, with no dependencies
 - **Semantic:** Styles proper HTML elements naturally
 - **Customizable:** Easy to override with your own CSS
 

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "reapercss",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "A tiny, class-free CSS framework that instantly makes HTML look clean and readable.",
   "main": "CSS/reaper.min.css",
   "style": "less/reaper.less",
   "files": [
-    "CSS/",
-    "less/",
+    "CSS/reaper.min.css",
     "LICENSE",
     "README.md"
   ],

package/less/modules/_base.less

@@ -1,89 +0,0 @@
-@import (reference) "_variables";
-
-/* placeholder */
-::placeholder,
-::-webkit-input-placeholder,
-:-ms-input-placeholder {
-  color: @placeholder;
-}
-
-/* selection */
-::selection,
-::-moz-selection {
-  background-color: @selection-bg;
-  color: @primary-txt;
-}
-
-/* scrollbar */
-::-webkit-scrollbar {
-  height: 10px;
-  width: 10px;
-}
-::-webkit-scrollbar-track {
-  background: @secondary-bg;
-}
-::-webkit-scrollbar-thumb {
-  background: @scrollbar;
-  border: 2px solid @secondary-bg;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: @scrollbar-hover;
-}
-/* body */
-body {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  background: @primary-bg;
-  color: @primary-txt;
-  font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
-    sans-serif;
-  line-height: 1.6;
-  margin: 40px auto;
-  max-width: 800px;
-  padding: 0 20px;
-  text-rendering: optimizeLegibility;
-}
-
-/* headings */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  line-height: 1.3;
-  margin-bottom: 16px;
-  color: @heading-txt;
-  font-weight: 600;
-}
-h1 {
-  font-size: 2.2em;
-  margin-top: 0;
-}
-
-/* bold text */
-b,
-strong {
-  color: @heading-txt;
-  font-weight: 600;
-}
-
-/* links */
-a {
-  color: @primary-anchor;
-  transition: color 0.2s ease;
-}
-a:hover {
-  color: @link-hover;
-}

package/less/modules/_content.less

@@ -1,81 +0,0 @@
-@import (reference) "_variables";
-
-/* blockquotes */
-blockquote {
-  background-color: @secondary-bg;
-  border-left: 4px solid @bq-border;
-  font-style: italic;
-  margin: 1.5em 0;
-  padding: 0.5em 1em;
-}
-blockquote cite {
-  font-style: normal;
-}
-blockquote > footer {
-  color: @bq-color;
-  font-style: normal;
-  margin-top: 10px;
-}
-
-address {
-  font-style: normal;
-}
-
-/* code & pre */
-code,
-kbd {
-  background: @secondary-bg;
-  color: @primary-code;
-  font-family: "SF Mono", Monaco, "Cascadia Mono", "Segoe UI Mono", monospace;
-  font-size: 0.9em;
-  padding: 2px 6px;
-}
-pre > code {
-  border: 1px solid @border-color;
-  display: block;
-  overflow-x: auto;
-  padding: 16px;
-}
-
-/* images */
-img {
-  height: auto;
-  max-width: 100%;
-}
-
-/* hr */
-hr {
-  border: none;
-  border-top: 1px solid @accent-color;
-  margin: 2em 0;
-}
-
-/* tables */
-table {
-  border-collapse: collapse;
-  border: 1px solid @border-color;
-  margin-bottom: 1.5em;
-  overflow: hidden;
-  width: 100%;
-}
-th {
-  background-color: @secondary-bg;
-  border-bottom: 1px solid @border-color;
-  font-weight: 600;
-  padding: 12px;
-  text-align: left;
-}
-td {
-  border-bottom: 1px solid @border-color;
-  padding: 12px;
-  text-align: left;
-}
-tbody tr:last-child td {
-  border-bottom: none;
-}
-tbody tr:nth-child(even) {
-  background-color: rgba(255, 255, 255, 0.02);
-}
-tbody tr:hover {
-  background-color: rgba(255, 255, 255, 0.05);
-}

package/less/modules/_forms.less

@@ -1,90 +0,0 @@
-@import (reference) "_variables";
-
-/* form elements */
-button,
-input,
-select,
-textarea {
-  background-color: @secondary-bg;
-  border: 1px solid @border-color;
-  color: @secondary-txt;
-  font-family: inherit;
-  font-size: inherit;
-  margin-bottom: 8px;
-  margin-right: 6px;
-  outline: none;
-  padding: 12px;
-  transition:
-    background-color 0.1s linear,
-    border-color 0.1s linear,
-    color 0.1s linear,
-    box-shadow 0.1s linear,
-    transform 0.1s ease;
-}
-
-button:focus,
-input:focus,
-select:focus,
-textarea:focus {
-  border-color: #555555;
-  box-shadow: 0 0 0 2px @box-shadow;
-}
-
-button:disabled,
-input:disabled,
-select:disabled,
-textarea:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-button {
-  -webkit-appearance: none;
-  cursor: pointer;
-  padding-left: 30px;
-  padding-right: 30px;
-}
-button:hover {
-  background: @button-hover;
-  border-color: #333333;
-}
-
-/* input types */
-input:not([type="checkbox"]):not([type="radio"]) {
-  -webkit-appearance: none;
-  display: block;
-}
-input[type="submit"],
-input[type="button"] {
-  cursor: pointer;
-  padding-left: 30px;
-  padding-right: 30px;
-}
-input[type="submit"]:hover,
-input[type="button"]:hover {
-  background: @button-hover;
-  border-color: #333333;
-}
-input[type="checkbox"] {
-  cursor: pointer;
-}
-input[type="checkbox"]:active,
-input[type="radio"]:active,
-input[type="submit"]:active,
-input[type="button"]:active,
-button:active {
-  transform: translateY(2px);
-}
-
-select {
-  -webkit-appearance: none;
-  display: block;
-}
-
-textarea {
-  -webkit-appearance: none;
-  box-sizing: border-box;
-  min-height: 100px;
-  resize: vertical;
-  width: 100%;
-}

package/less/modules/_variables.less

@@ -1,18 +0,0 @@
-@accent-color: #444444;
-@border-color: #222222;
-@box-shadow: rgba(255, 255, 255, 0.1);
-@bq-border: #333333;
-@bq-color: #d4d4d4;
-@button-hover: #1a1a1a;
-@heading-txt: #ffffff;
-@link-hover: #cccccc;
-@placeholder: #666666;
-@primary-anchor: #ffffff;
-@primary-bg: #000000;
-@primary-code: #d1d1d1;
-@primary-txt: #e8e8e8;
-@scrollbar-hover: #2a2a2a;
-@scrollbar: #1a1a1a;
-@secondary-bg: #0a0a0a;
-@secondary-txt: #e8e8e8;
-@selection-bg: rgba(255, 255, 255, 0.15);

package/less/reaper.less

@@ -1,12 +0,0 @@
-// out: "../css/reaper.min.css"
-
-/*!
- * Reaper - Minimal Black/White Theme
- * Version: 1.0.0
- */
-
-// Import modules
-@import "modules/_variables";
-@import "modules/_base";
-@import "modules/_content";
-@import "modules/_forms";