init

sitn · Mar 21, 2023 · c030329 · c030329
commit c030329
Show file tree

Hide file tree

Showing 9 changed files with 314 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.vscode
diff --git a/README.md b/README.md
@@ -0,0 +1,14 @@
+# SITN Bootstrap
+
+This is just Boostrap compiled with SITN colors
+
+![Colors](./colors.png)
+
+## How to compile
+
+```powershell
+npm i
+sass --style=compressed src:dist
+```
+
+Then you can copy `sitn-bootstrap.css` in your project.
diff --git a/colors.png b/colors.png
diff --git a/demo.html b/demo.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./dist/sitn-bootstrap.css">
+  <title>Document</title>
+</head>
+
+<body>
+  <header class="navbar sticky-top navbar-expand-lg bg-primary shadow">
+    <div class="container">
+      <a class="navbar-brand text-white fw-bold" href="#">SITN</a>
+      <span class="text-white fw-bold">Démonstration Bootstrap SITN</span>
+      <a class="btn btn-secondary nav-link p-2" href="https://github.com/sitn/sitn-bootstrap"
+        target="_blank" rel="noopener">GitHub</a>
+    </div>
+  </header>
+  <div class="container mt-5">
+    <button type="button" class="btn btn-primary">Primary</button>
+    <button type="button" class="btn btn-secondary">Secondary</button>
+    <button type="button" class="btn btn-success">Success</button>
+    <button type="button" class="btn btn-danger">Danger</button>
+    <button type="button" class="btn btn-warning">Warning</button>
+    <button type="button" class="btn btn-info">Info</button>
+    <button type="button" class="btn btn-light">Light</button>
+    <button type="button" class="btn btn-dark">Dark</button>
+
+    <button type="button" class="btn btn-link">Link</button>
+  </div>
+</body>
+
+</html>
diff --git a/dist/sitn-bootstrap.css b/dist/sitn-bootstrap.css
diff --git a/dist/sitn-bootstrap.css.map b/dist/sitn-bootstrap.css.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "bootstrap": "^5.2.3",
+    "sass": "^1.59.3"
+  }
+}
diff --git a/src/sitn-bootstrap.scss b/src/sitn-bootstrap.scss
@@ -0,0 +1,9 @@
+$primary: #26a59a;
+$secondary: #b9cfcc;
+$success: #146056;
+$warning: #f6c8c8;
+$danger: #e24848;
+$info: #bee4e1;
+$min-contrast-ratio: 3;
+
+@import "../node_modules/bootstrap/scss/bootstrap";