holygrail2 1.0.0

package/package.json

@@ -0,0 +1,59 @@
+{
+    "name": "holygrail2",
+    "version": "1.0.0",
+    "description": "A minimal, responsive, style-agnostic CSS framework.",
+    "main": "scss/style.scss",
+    "directories": {
+        "lib": "scss"
+    },
+    "scripts": {
+
+
+        "start": " npm run format  && npm run docs && npm run build &&  npm run open:guide ",
+
+        "open:guide": "open guide/index.html",
+        "docs": "sass scss/docs.scss doc/docs.css --style expanded ",
+        "build": "sass scss/style.scss dist/style.css  && sass scss/docs.scss doc/docs.css   --style expanded ",
+        "build-sass": "sass --style expanded --source-map true scss/style.scss dist/style.css  &&  sass --output-style expanded --source-map true scss/docs.scss doc/docs.css",
+     
+        "lint": "stylelint 'scss/**/*.?(s)css'",
+        "lint2": "stylelint 'scss/*.?(s)css'",
+        "lint:fix": "stylelint --fix 'scss/**/*.?(s)css'",
+        "format": "npm run prettier -- --write",
+        "prettier": "prettier 'scss/**/*.+(css|scss)'"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/holygrail2/holygrail.git"
+    },
+    "devDependencies": {
+        "open": "^9.1.0",
+        "prettier": "^3.0.2",
+        "sass": "^1.65.1",
+        "stylelint": "^15.10.2",
+        "stylelint-config-standard": "^34.0.0",
+        "stylelint-config-standard-scss": "^10.0.0",
+        "stylelint-order": "^6.0.3",
+        "stylelint-scss": "^5.1.0"
+    },
+    "keywords": [
+        "css",
+        "sass",
+        "minimal",
+        "responsive",
+        "style-agnostic",
+        "framework",
+        "toolkit",
+        "holygrail2"
+    ],
+    "author": "Manuel Ruiz",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/holygrail2/holygrail/issues",
+        "email": "dev@digitalstrategy.es"
+    },
+    "homepage": "https://holygrail2.netlify.app/guide",
+    "dependencies": {
+        "stylelint": "^15.10.2"
+    }
+}

package/readme.md

@@ -0,0 +1,123 @@
+<p align="center">
+  <a href="https://holyguide.es">
+    <img width="200" src="https://res.cloudinary.com/manuel-ruiz/image/upload/v1576145416/holygrail/logoholy.svg">
+  </a>
+</p>
+
+<h1 align="center">Holygrail</h1>
+
+<div align="center">
+
+
+Una libreria agnostica y libreria de componentes html y scss. 
+
+[npm-url]: https://www.npmjs.com/package/holygrail2
+[github-action-url]: https://github.com/ant-design/ant-design/actions?query=workflow%3A%22%E2%9C%85+test%22
+[download-url]: https://npmjs.org/package/holygrail2
+
+
+</div>
+
+
+## ✨ Features
+
+- 🌈 Enterprise-class UI designed for web applications.
+- 📦 A set of high-quality React components out of the box.
+- 🛡 Written in TypeScript with predictable static types.
+- ⚙️ Whole package of design resources and development tools.
+- 🌍 Internationalization support for dozens of languages.
+- 🎨 Powerful theme customization in every detail.
+
+## 🖥 Environment Support
+
+- Modern browsers
+- Server-side Rendering
+- [Electron](https://www.electronjs.org/)
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron |
+| --- | --- | --- | --- | --- |
+| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+## 📦 Install
+
+```bash
+npm install holygrail2
+```
+
+```bash
+yarn add holygrail2
+```
+
+## 🔨 Usage
+
+```css
+
+```
+
+
+
+## 🌍 Internationalization
+
+Dozens of languages are supported in `holygrail2`
+
+## 🔗 Links
+
+- [Home page](https://holyguide.es/)
+
+
+## ⌨️ Development
+
+Use Gitpod, a free online dev environment for GitHub for create your website.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://github.com/holygrail2/holysite)
+
+
+Or clone locally:
+[https://www.jsdelivr.com/package/npm/holygrail2](https://www.jsdelivr.com/package/npm/holygrail2)
+
+Feel free to raise an issue or submit a pull request.
+
+
+Or clone locally:
+
+```bash
+$ gh repo clone holygrail2/holysite
+$ cd holysite
+$ npm install
+$ npm run docs
+$ npm run build
+$ npm run start   Abrimos la aplicacion
+
+  "docs": "sass scss/docs.scss doc/docs.css --style expanded && sass scss/docs.scss doc/docs.min.css --style compressed",
+  "build": "sass scss/style.scss dist/style.css --style expanded && sass scss/style.scss dist/style.min.css --style compressed",
+  "build-sass": "sass --style expanded --source-map true scss/style.scss dist/style.css  &&  sass --output-style expanded --source-map true scss/docs.scss doc/docs.css",
+  "start": "open guide/index.html",
+  "lint": "stylelint 'scss/**/*.?(s)css'",
+  "lint2": "stylelint 'scss/*.?(s)css'",
+  "lint:fix": "stylelint --fix 'scss/**/*.?(s)css'",
+  "format": "npm run prettier -- --write",
+  "prettier": "prettier 'scss/**/*.+(css|scss)'"
+
+```
+## Actualizar todos los packs a la ultima versión
+
+``````
+npm outdated
+
+npm install -g npm-check-updates
+
+ncu -u
+``````
+
+
+
+
+## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+
+<p align="center">
+Developed with ❤️ from Barcelona to the world
+</p>
+
+
+

package/scss/_partials.scss

@@ -0,0 +1,44 @@
+@import 'abstract/reset.scss';
+
+@import 'base/_animations.scss';
+
+@import 'abstract/_all.scss';
+
+@import 'base/alignment';
+@import 'base/grid';
+@import 'base/height';
+@import 'base/icons';
+@import 'base/ratios';
+
+@import 'base/types';
+@import 'base/helpers';
+@import 'base/_extras';
+@import 'elements/animated';
+@import 'elements/banners';
+@import 'elements/buttons';
+@import 'elements/checkbox';
+@import 'elements/form';
+@import 'elements/links';
+@import 'elements/list';
+@import 'elements/progressbar';
+@import 'elements/tabs';
+@import 'elements/tag';
+@import 'elements/tooltip';
+@import 'elements/datalist';
+@import 'elements/tabs_specials';
+@import 'elements/color_selector';
+@import 'elements/modal';
+@import 'layouts/row1';
+@import 'layouts/card';
+@import 'layouts/card9';
+
+@import 'layouts/box3';
+@import 'layouts/box4';
+@import 'layouts/feel';
+
+@import 'base/spacing';
+@import 'layouts/header_account';
+@import 'layouts/hgbread';
+@import 'base/rtl';
+
+//@import 'abstract/0debug';

package/scss/abstract/_0debug.scss

@@ -0,0 +1,192 @@
+@mixin random-bgr() {
+  background: rgb(math.random(255) math.random(255) math.random(255));
+}
+
+@mixin fixed-bgr() {
+  background: red;
+}
+
+@mixin debug-divs() {
+  @for $i from 1 through 500 {
+    div:nth-child(#{$i}) {
+      @include fixed-bgr;
+    }
+  }
+}
+@mixin debug-imgs() {
+  img {
+    outline: 5px solid red;
+  }
+  img[alt] {
+    outline: none;
+  }
+  img[alt=''] {
+    outline: 5px solid yellow;
+  }
+}
+@mixin debug-links() {
+  a {
+    outline: 5px solid yellow;
+  }
+  a[title] {
+    outline: none;
+  }
+  a[href='#'],
+  a[href*='javascript'] {
+    outline: 5px solid yellow;
+  }
+  a[target] {
+    outline: 5px solid yellow;
+  }
+}
+@mixin debug-forms() {
+  ul,
+  ol {
+    > *:not(li) {
+      outline: 5px solid red;
+    }
+  }
+  th {
+    outline: 5px solid yellow;
+  }
+  th[scope] {
+    outline: none;
+  }
+  table > tr {
+    outline: 5px solid yellow;
+  }
+  tbody + tfoot {
+    outline: 5px solid yellow;
+  }
+  form {
+    outline: 5px solid red;
+  }
+  form[action] {
+    outline: none;
+  }
+  textarea,
+  input {
+    outline: 5px solid red;
+  }
+  input[type] {
+    outline: none;
+  }
+  textarea[rows][cols] {
+    outline: none;
+  }
+  input[type='submit'] {
+    outline: 5px solid red;
+  }
+  input[type='submit'][value] {
+    outline: none;
+  }
+}
+@mixin debug-fine() {
+  [style] {
+    outline: 5px solid yellow;
+  }
+  :empty {
+    outline: 5px solid yellow;
+  }
+  [id] {
+    outline: 5px solid yellow;
+  }
+  div:empty,
+  span:empty,
+  li:empty,
+  p:empty,
+  td:empty,
+  th:empty {
+    margin: 5px;
+    border: 5px dotted yellow !important;
+  }
+  *[alt=''],
+  *[title=''],
+  *[class=''],
+  *[id=''],
+  a[href=''],
+  a[href='#'] {
+    border: 5px solid yellow !important;
+  }
+  applet,
+  basefont,
+  center,
+  dir,
+  font,
+  isindex,
+  menu,
+  s,
+  strike,
+  u {
+    border: 5px dotted red !important;
+  }
+  *[background],
+  *[bgcolor],
+  *[clear],
+  *[color],
+  *[compact],
+  *[noshade],
+  *[nowrap],
+  *[size],
+  *[start],
+  *[bottommargin],
+  *[leftmargin],
+  *[rightmargin],
+  *[topmargin],
+  *[marginheight],
+  *[marginwidth],
+  *[alink],
+  *[link],
+  *[text],
+  *[vlink],
+  *[align],
+  *[valign],
+  *[hspace],
+  *[vspace],
+  *[height],
+  *[width],
+  ul[type],
+  ol[type],
+  li[type] {
+    border: 5px solid red !important;
+  }
+  input[type='button'],
+  big,
+  tt {
+    border: 5px dotted #3f0 !important;
+  }
+  *[border],
+  a[target],
+  table[cellpadding],
+  table[cellspacing],
+  *[name] {
+    border: 5px solid #3f0 !important;
+  }
+}
+@mixin debug-all() {
+  @include debug-divs;
+  @include debug-links;
+  @include debug-forms;
+  @include debug-fine;
+  @include debug-types;
+}
+@mixin debug-types($headers) {
+  @for $i from 1 through length($headers) {
+    .#{nth(map-keys($headers), $i)} {
+      position: relative;
+      border: 1px solid #96c3ac;
+      &::after {
+        content: '#{nth(map-keys($headers), $i)} ' !important;
+        position: absolute;
+        background-color: red;
+        opacity: 1;
+        white-space: nowrap;
+        color: $c-white;
+        padding: 2px;
+        left: 0;
+        font-size: 10px;
+        font-weight: bold;
+      }
+    }
+  }
+}

package/scss/abstract/_all.scss

@@ -0,0 +1,4 @@
+@import 'breakpoints';
+@import 'setup';
+@import 'fonts';
+@import 'mixins';

package/scss/abstract/_breakpoints.scss

@@ -0,0 +1,27 @@
+$minbreakpoints: (
+  xs: 1px,
+  md: 992px,
+) !default;
+
+$breakpoints: (
+  xs: 1px,
+  sm: 768px,
+  md: 992px,
+  lg: 1280px,
+) !default;
+$breakpointscols: (
+  xs: 1px,
+  sm: 768px,
+  md: 992px,
+  lg: 1280px,
+  xl: 1440px,
+) !default;
+
+$colBreakpoints: length($breakpoints) !default;
+$colBreakpointscols: length($breakpointscols) !default;
+$break-xs: nth(map-values($breakpoints), 1) !default;
+$break-sm: nth(map-values($breakpoints), 2) !default;
+$break-md: nth(map-values($breakpoints), 3) !default;
+$break-lg: nth(map-values($breakpoints), 4) !default;
+$break-xl: nth(map-values($breakpointscols), 5) !default;
+$min-width: 320px !default;

package/scss/abstract/_fonts.scss

@@ -0,0 +1,22 @@
+$font-weight-light: 100 !default;
+$font-weight-regular: 500 !default;
+$font-weight-medium: 500 !default;
+$font-weight-semibold: 700 !default;
+$font-weight-bold: 900 !default;
+
+$font-family-form-placeholder: arial, sans-serif !default;
+$font-family-form: arial, sans-serif !default;
+
+$font-family-a-l: arial, sans-serif !default;
+$font-family-a-r: arial, sans-serif !default;
+$font-family-a-m: arial, sans-serif !default;
+$font-family-a-b: arial, sans-serif !default;
+$font-family-a-sb: arial, sans-serif !default;
+
+$font-family-b-r: 'arial black', sans-serif !default;
+$font-family-b-m: 'arial black', sans-serif !default;
+$font-family-b-b: 'arial black', sans-serif !default;
+
+$font-family-c-r: 'ms-serif', serif !default;
+$font-family-c-m: 'ms-serif', serif !default;
+$font-family-c-b: 'ms-serif', serif !default;