bullframe.css 4.2.2 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bullframe.css",
-  "version": "4.2.2",
+  "version": "5.0.1",
   "description": "Solid, fluid, cross-browser Sass (SCSS) framework.",
   "jsdelivr": "dist/css/bullframe.css",
   "unpkg": "dist/css/bullframe.css",
@@ -9,50 +9,48 @@
     "doc": "docs/"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/marcop135/bullframe.css.git"
   },
   "keywords": [
+    "boilerplate",
+    "cross-browser",
     "css",
     "css-framework",
-    "internet-explorer",
-    "cross-browser",
-    "ie11",
-    "responsive-web-design",
-    "fluid",
-    "reset-css",
-    "normalize-css",
-    "boilerplate",
-    "scss",
-    "sass",
-    "typography",
     "dark",
     "dark-theme",
     "darkmode",
-    "gulpfriendly"
+    "normalize-css",
+    "reset-css",
+    "responsive",
+    "responsive-web-design",
+    "sass",
+    "sass-framework",
+    "scss",
+    "typography"
   ],
   "author": "Marco Pontili",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/marcop135/bullframe.css/issues"
   },
-  "homepage": "https://marcop135.github.io/bullframe.css/",
+  "homepage": "https://bullframecss.netlify.app",
   "devDependencies": {
-    "browser-sync": "^2.27.10",
-    "cssnano": "^5.1.12",
-    "gulp": "^4.0.2",
-    "gulp-autoprefixer": "^8.0.0",
-    "gulp-postcss": "^9.0.1",
-    "gulp-rename": "2.0.0",
-    "gulp-replace": "^1.1.3",
-    "gulp-sass": "^5.1.0",
-    "htmlhint": "^1.2.0",
-    "sass": "^1.54.4",
-    "stylelint": "^16.19.1",
+    "autoprefixer": "^10.4.21",
+    "cssnano": "^7.0.7",
+    "fs": "^0.0.1-security",
+    "glob": "^11.0.3",
+    "htmlhint": "^1.6.3",
+    "path": "^0.12.7",
+    "postcss": "^8.5.6",
+    "sass": "^1.89.2",
+    "stylelint": "^16.21.1",
     "stylelint-config-standard-scss": "^15.0.1",
-    "stylelint-scss": "^6.12.0"
+    "vite": "^7.0.2"
   }
 }

package/prettier.config.js

@@ -0,0 +1,26 @@
+/** @type {import('prettier').Config} */
+export default {
+  semi: true,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  tabWidth: 2,
+  useTabs: false,
+  printWidth: 98,
+  trailingComma: "es5",
+  bracketSpacing: true,
+  bracketSameLine: false,
+  arrowParens: "always",
+  proseWrap: "preserve",
+  htmlWhitespaceSensitivity: "css",
+  endOfLine: "lf",
+  overrides: [
+    {
+      files: "*.html",
+      options: { printWidth: 9999 },
+    },
+    {
+      files: "*.md",
+      options: { printWidth: 9999 },
+    },
+  ],
+};

package/src/docs/demo/css/style.css

@@ -0,0 +1,131 @@
+.demo {
+  .bf-row {
+    margin-bottom: 2rem;
+  }
+
+  [class^="bf-col"] {
+    margin-bottom: 1rem;
+  }
+
+  header {
+    margin-bottom: 1rem;
+
+    h1 {
+      margin-top: 1rem;
+      margin-bottom: 0;
+      font-weight: 700;
+
+      span {
+        color: #f95c1f;
+      }
+
+      @media (min-width: 600px) {
+        font-size: 5.5rem;
+      }
+
+      @media (min-width: 1000px) {
+        font-size: 7rem;
+      }
+    }
+
+    a {
+      margin-right: 1rem;
+    }
+  }
+
+  @media (min-width: 600px) {
+    .btn-github {
+      font-size: 115%;
+    }
+  }
+
+  .description {
+    max-width: 80rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .h2--section {
+    padding-bottom: 2rem;
+    text-transform: uppercase;
+
+    @media (min-width: 600px) {
+      font-size: 4rem;
+    }
+  }
+
+  legend {
+    padding-bottom: 1rem;
+  }
+
+  button,
+  .bf-btn,
+  .input-image,
+  input,
+  select,
+  textarea {
+    margin-bottom: 2rem;
+  }
+
+  dialog {
+    .bf-btn {
+      margin-bottom: 0;
+    }
+  }
+
+  [type="image"],
+  [type="checkbox"],
+  [type="radio"] {
+    margin-bottom: 0;
+  }
+
+  .grid {
+    .col-wrapper {
+      background-color: #888;
+      height: 6rem;
+      line-height: 6rem;
+      overflow-y: hidden;
+      color: #fff;
+      font-size: 80%;
+      text-align: center;
+      border-radius: 3px;
+      font-weight: 700;
+    }
+
+    .bf-row:nth-child(odd) {
+      .col-wrapper {
+        background-color: #ccc;
+        color: #000;
+      }
+    }
+
+    @media (max-width: 767px) {
+      .bf-row {
+        margin-bottom: 0;
+      }
+
+      [class*="bf-col-"] {
+        margin-bottom: 2rem;
+      }
+    }
+  }
+
+  .back-to-top {
+    text-align: center;
+    display: block;
+    margin: 6rem 0 12rem;
+
+    a {
+      i {
+        vertical-align: middle;
+        font-style: normal;
+      }
+    }
+  }
+
+  @media (max-width: 575px) {
+    header {
+      margin-bottom: 1rem;
+    }
+  }
+}

package/src/docs/demo/icons/safari-pinned-tab.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg1.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="467.000000pt" height="467.000000pt" viewBox="0 0 467.000000 467.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(.000000,467.000000) scale(.100000,-.100000)"
+fill="#000000" stroke="none">
+<path d="M2065 4659 c-790 -95 -1472 -577 -1826 -1289 -100 -203 -168 -411
+-211 -647 -20 -112 -23 -161 -23 -388 0 -228 3 -276 24 -390 162 -906 804
+-1617 1684 -1864 219 -61 335 -76 622 -76 227 0 276 3 388 23 903 162 1610
+796 1862 1670 65 227 80 345 80 637 0 228 -3 276 -24 390 -177 991 -927 1741
+-1916 1916 -138 24 -520 35 -660 18z m-360 -1289 c257 -24 449 -96 577 -218
+91 -86 131 -169 148 -308 18 -142 -18 -249 -131 -383 l-57 -68 50 -38 c140
+-107 228 -283 228 -455 -1 -350 -222 -543 -692 -605 -84 -11 -221 -15 -545
+-15 l-433 0 0 1050 0 1050 373 0 c204 0 422 -5 482 -10z m2354 -182 c13 -101
+25 -198 28 -215 l5 -33 -426 0 -426 0 0 -215 0 -215 319 0 319 0 6 -27 c5 -25
+25 -188 43 -345 l6 -58 -347 0 -346 0 0 -400 0 -400 -280 0 -280 0 0 1045 0
+1045 678 0 679 0 22 -182z"/>
+<path d="M1400 2761 l0 -181 93 0 c235 0 367 60 367 168 0 72 -40 125 -125
+164 -42 19 -72 23 -192 26 l-143 4 0 -181z"/>
+<path d="M1400 1931 l0 -211 158 0 c233 0 327 31 372 124 47 97 3 207 -103
+264 -50 26 -58 27 -239 30 l-188 4 0 -211z"/>
+</g>
+</svg>