nibula 1.1.1 â 1.1.3
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/.eleventy.js +0 -1
- package/CHANGELOG.md +54 -8
- package/README.md +2 -2
- package/bin/create.js +1 -1
- package/bin/nibula.js +51 -23
- package/package.json +3 -3
- package/src/frontend/layouts/page-components.njk +1 -1
- package/src/frontend/scss/modules/_global.scss +4 -0
- package/src/frontend/scss/modules/frameworks/_bootstrap.scss +66 -66
- package/src/frontend/scss/modules/frameworks/_bulma.scss +65 -65
- package/src/frontend/scss/modules/frameworks/_foundation.scss +98 -98
- package/src/frontend/scss/modules/frameworks/_uikit.scss +79 -79
package/.eleventy.js
CHANGED
|
@@ -43,7 +43,6 @@ module.exports = function (eleventyConfig) {
|
|
|
43
43
|
eleventyConfig.addPassthroughCopy("src/frontend/.htaccess");
|
|
44
44
|
eleventyConfig.addPassthroughCopy("src/frontend/web.config");
|
|
45
45
|
eleventyConfig.addPassthroughCopy("src/frontend/assets");
|
|
46
|
-
eleventyConfig.addPassthroughCopy("src/frontend/data");
|
|
47
46
|
eleventyConfig.addPassthroughCopy("src/frontend/robots.txt");
|
|
48
47
|
|
|
49
48
|
eleventyConfig.addPassthroughCopy({
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,59 @@ All notable changes to Nibula are documented here.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [1.1.3] - 2026-07-22
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
- **The update check no longer runs on every command.** Previously every
|
|
12
|
+
invocation of `nib` (and the `nbl` / `nibula` aliases) contacted the npm
|
|
13
|
+
registry before doing anything, adding up to 2.5s of latency to `nib run`,
|
|
14
|
+
`nib build`, `nib cli` and `nib clean`. The check now runs only for `nib new`
|
|
15
|
+
and `nib update`; all other commands work entirely offline.
|
|
16
|
+
- **`nib new` now completes the update automatically.** When a newer version is
|
|
17
|
+
available and you accept the prompt, Nibula installs it and immediately
|
|
18
|
+
re-runs the scaffolding with the new version, instead of asking you to type
|
|
19
|
+
`nib new <project-name>` a second time.
|
|
20
|
+
- **New projects are scaffolded at version `0.0.0`** instead of `1.0.0`, so a
|
|
21
|
+
freshly created site no longer claims a stable public release. Bump it
|
|
22
|
+
yourself as the project grows, and reach `1.0.0` when you go to production.
|
|
23
|
+
- **Framework SCSS imports are now short and readable.** The framework modules
|
|
24
|
+
in `src/frontend/scss/modules/frameworks/` used a five-level relative path
|
|
25
|
+
back to `node_modules`; they now import directly by package name, e.g.
|
|
26
|
+
`@import "bootstrap/scss/card";`. This matches what the styling docs already
|
|
27
|
+
showed, and makes commenting modules out far less error-prone.
|
|
28
|
+
- `nib help` no longer appends an "a newer version is available" line, since it
|
|
29
|
+
no longer performs the check.
|
|
30
|
+
|
|
31
|
+
### Added
|
|
32
|
+
- Internal `--skip-update-check` flag on `nib new`, set automatically when the
|
|
33
|
+
command is re-run after a self-update. It prevents a loop if the registry is
|
|
34
|
+
slow to propagate the new version.
|
|
35
|
+
- `--load-path=node_modules` on the repository's own `build:css` and `serve:css`
|
|
36
|
+
scripts, so the short framework imports resolve. Generated projects already
|
|
37
|
+
carried this flag.
|
|
38
|
+
|
|
39
|
+
### Fixed
|
|
40
|
+
- Repaired the ASCII header boxes and the commented-out example import inside
|
|
41
|
+
`_bootstrap.scss`, `_bulma.scss` and `_foundation.scss`, where an earlier
|
|
42
|
+
find-and-replace had injected the `node_modules` path into comment text and
|
|
43
|
+
broken the alignment.
|
|
44
|
+
- `src/frontend/data` is no longer copied to the output folder. It holds the
|
|
45
|
+
Eleventy global data file, which is consumed at build time to render meta
|
|
46
|
+
tags and page config â publishing it produced a dead file in `out/` and
|
|
47
|
+
exposed the full page map, including `noindex` entries. It remains a watch
|
|
48
|
+
target, so edits still trigger a rebuild.
|
|
49
|
+
|
|
50
|
+
### Notes
|
|
51
|
+
- If the updated installation can't be located after `npm install -g` (an
|
|
52
|
+
unusual `npm root -g` setup, for example), Nibula reports the problem and
|
|
53
|
+
asks you to re-run the command, rather than scaffolding silently with the
|
|
54
|
+
old templates.
|
|
55
|
+
- Existing projects are unaffected by the version change: it applies only to
|
|
56
|
+
newly created ones.
|
|
57
|
+
- Short SCSS imports rely on Sass's `--load-path`, which is passed by the npm
|
|
58
|
+
scripts. Compiling the stylesheets with a different tool (a VS Code Sass
|
|
59
|
+
extension, for instance) will need the same load path configured.
|
|
60
|
+
|
|
8
61
|
## [1.1.0] - 2026-07-21
|
|
9
62
|
|
|
10
63
|
### Added
|
|
@@ -41,11 +94,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
41
94
|
### Notes
|
|
42
95
|
- Both backends are always scaffolded, so you can switch later without
|
|
43
96
|
re-creating the project. The PHP front controller only serves `.php` endpoint
|
|
44
|
-
files and the Node one only `.js`, so they coexist without conflict.
|
|
45
|
-
|
|
46
|
-
## [1.0.2]
|
|
47
|
-
|
|
48
|
-
- Previous release (PHP backend only).
|
|
49
|
-
|
|
50
|
-
[1.1.0]: https://github.com/Rhaastrake/Nibula/releases/tag/v1.1.0
|
|
51
|
-
[1.0.2]: https://github.com/Rhaastrake/Nibula/releases/tag/v1.0.2
|
|
97
|
+
files and the Node one only `.js`, so they coexist without conflict.
|
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ Building a website from scratch involves a lot of moving parts: templating, buil
|
|
|
21
21
|
- đĒļ **Lightweight by default** â SCSS frameworks can be filtered so you ship only what you actually use
|
|
22
22
|
- đ **Open source** â free to use, free to modify, free to share
|
|
23
23
|
|
|
24
|
-
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
@@ -88,7 +88,7 @@ Run these from anywhere inside a project (except `nib new`, which you run wherev
|
|
|
88
88
|
| `nib clean` | Remove the output directory |
|
|
89
89
|
| `nib update` | Update the CLI to the latest version |
|
|
90
90
|
|
|
91
|
-
Before scaffolding,
|
|
91
|
+
Before scaffolding, nib new checks the npm registry for a newer version and offers to update first. If you accept, Nibula updates itself and then creates the project with the new version automatically â no need to re-run the command. If the registry is unreachable, the check is skipped and creation proceeds normally.
|
|
92
92
|
|
|
93
93
|
## Managing pages
|
|
94
94
|
|
package/bin/create.js
CHANGED
package/bin/nibula.js
CHANGED
|
@@ -18,6 +18,7 @@ const CLEAN = path.join(__dirname, '..', '_tools', 'cleanOutput.js');
|
|
|
18
18
|
|
|
19
19
|
const REGISTRY = 'https://registry.npmjs.org/nibula/latest';
|
|
20
20
|
const CHECK_TIMEOUT = 2500;
|
|
21
|
+
const SKIP_FLAG = '--skip-update-check';
|
|
21
22
|
|
|
22
23
|
function run(script, args) {
|
|
23
24
|
const res = spawnSync('node', [script, ...args], {
|
|
@@ -139,6 +140,32 @@ function updateGlobal(version) {
|
|
|
139
140
|
return res.status ?? 0;
|
|
140
141
|
}
|
|
141
142
|
|
|
143
|
+
function globalNibulaPath() {
|
|
144
|
+
const res = spawnSync('npm', ['root', '-g'], {
|
|
145
|
+
encoding: 'utf8',
|
|
146
|
+
shell: process.platform === 'win32',
|
|
147
|
+
});
|
|
148
|
+
if (res.status !== 0 || !res.stdout) return null;
|
|
149
|
+
const candidate = path.join(res.stdout.trim(), 'nibula', 'bin', 'nibula.js');
|
|
150
|
+
return fs.existsSync(candidate) ? candidate : null;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
// Riesegue il comando con la versione appena installata: questo processo ha
|
|
154
|
+
// ancora in memoria il codice vecchio, quindi non puÃ˛ scaffoldare da solo.
|
|
155
|
+
function reexecAfterUpdate(args) {
|
|
156
|
+
const target = globalNibulaPath();
|
|
157
|
+
if (!target) {
|
|
158
|
+
console.error(`${color.red}Could not locate the updated Nibula installation.${color.reset}`);
|
|
159
|
+
console.error(`Run "nib new ${args[1]}" again to continue.`);
|
|
160
|
+
return 1;
|
|
161
|
+
}
|
|
162
|
+
const res = spawnSync(process.execPath, [target, ...args, SKIP_FLAG], {
|
|
163
|
+
stdio: 'inherit',
|
|
164
|
+
cwd: process.cwd(),
|
|
165
|
+
});
|
|
166
|
+
return res.status ?? 0;
|
|
167
|
+
}
|
|
168
|
+
|
|
142
169
|
function findExistingProject(baseDir, projectName) {
|
|
143
170
|
let entries;
|
|
144
171
|
try {
|
|
@@ -176,33 +203,37 @@ ${color.yellow}nib update${color.reset} Update to the latest versi
|
|
|
176
203
|
}
|
|
177
204
|
|
|
178
205
|
async function main() {
|
|
179
|
-
const info = await checkVersion();
|
|
180
206
|
switch (cmd) {
|
|
181
207
|
case 'new': {
|
|
182
|
-
|
|
208
|
+
const args = rest.filter((a) => a !== SKIP_FLAG);
|
|
209
|
+
const skipCheck = rest.includes(SKIP_FLAG);
|
|
210
|
+
|
|
211
|
+
if (!args[0]) {
|
|
183
212
|
console.error('Missing project name. Usage: nib new <project-name>');
|
|
184
213
|
process.exit(1);
|
|
185
214
|
}
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
215
|
+
|
|
216
|
+
if (!skipCheck) {
|
|
217
|
+
const info = await checkVersion();
|
|
218
|
+
if (info.behind) {
|
|
219
|
+
console.log(`\nA newer version of Nibula is available: ${info.current} â ${info.latest}`);
|
|
220
|
+
if (process.stdin.isTTY) {
|
|
221
|
+
const answer = await ask('Update before creating the project? [Y/n] ');
|
|
222
|
+
if (answer === '' || answer === 'y' || answer === 'yes') {
|
|
223
|
+
const code = updateGlobal(info.latest);
|
|
224
|
+
if (code !== 0) process.exit(code);
|
|
225
|
+
console.log(`\n${color.green}Updated.${color.reset} Continuing with the new version...\n`);
|
|
226
|
+
process.exit(reexecAfterUpdate(['new', args[0]]));
|
|
194
227
|
}
|
|
195
|
-
|
|
228
|
+
} else {
|
|
229
|
+
console.log('Run "nib update" to update.\n');
|
|
196
230
|
}
|
|
197
|
-
} else {
|
|
198
|
-
console.log('Run "nib update" to update.\n');
|
|
199
231
|
}
|
|
200
232
|
}
|
|
201
233
|
|
|
202
|
-
|
|
203
|
-
const existing = findExistingProject(process.cwd(), rest[0]);
|
|
234
|
+
const existing = findExistingProject(process.cwd(), args[0]);
|
|
204
235
|
if (existing) {
|
|
205
|
-
console.log(`\n${color.yellow}A project named "${
|
|
236
|
+
console.log(`\n${color.yellow}A project named "${args[0]}" already exists:${color.reset} ${existing}`);
|
|
206
237
|
let overwrite = false;
|
|
207
238
|
if (process.stdin.isTTY) {
|
|
208
239
|
const answer = await ask('Do you want to overwrite it? [y/N] ');
|
|
@@ -214,7 +245,6 @@ async function main() {
|
|
|
214
245
|
console.log('Stopped creating the new project');
|
|
215
246
|
process.exit(0);
|
|
216
247
|
}
|
|
217
|
-
// Sovrascrittura: cancello completamente la cartella preesistente
|
|
218
248
|
try {
|
|
219
249
|
fs.rmSync(existing, { recursive: true, force: true });
|
|
220
250
|
console.log(`${color.green}Removed existing project.${color.reset}`);
|
|
@@ -224,7 +254,7 @@ async function main() {
|
|
|
224
254
|
}
|
|
225
255
|
}
|
|
226
256
|
|
|
227
|
-
run(CREATE, [
|
|
257
|
+
run(CREATE, [args[0]]);
|
|
228
258
|
break;
|
|
229
259
|
}
|
|
230
260
|
case 'cli': {
|
|
@@ -253,6 +283,7 @@ async function main() {
|
|
|
253
283
|
break;
|
|
254
284
|
}
|
|
255
285
|
case 'update': {
|
|
286
|
+
const info = await checkVersion();
|
|
256
287
|
if (info.latest !== null && !info.behind) {
|
|
257
288
|
console.log(`Already on the latest version (${info.current}).`);
|
|
258
289
|
process.exit(0);
|
|
@@ -265,15 +296,12 @@ async function main() {
|
|
|
265
296
|
case '--help':
|
|
266
297
|
case 'h':
|
|
267
298
|
case '-h': {
|
|
268
|
-
usage(
|
|
269
|
-
if (info.behind) {
|
|
270
|
-
console.log(`A newer version is available: ${info.current} â ${info.latest}. Run "nib update".`);
|
|
271
|
-
}
|
|
299
|
+
usage(pkg.version);
|
|
272
300
|
break;
|
|
273
301
|
}
|
|
274
302
|
default:
|
|
275
303
|
console.error(`${color.red}\nUnknown command:${color.reset} ${cmd}`);
|
|
276
|
-
usage(
|
|
304
|
+
usage(pkg.version);
|
|
277
305
|
process.exit(1);
|
|
278
306
|
}
|
|
279
307
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nibula",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "A beginner-friendly static site generator built on Eleventy that stays close to vanilla HTML, CSS and JS â with a page-management CLI, an optional PHP backend, and SEO files generated for you.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"static-site-generator",
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
"nibula": "bin/nibula.js"
|
|
48
48
|
},
|
|
49
49
|
"scripts": {
|
|
50
|
-
"build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet",
|
|
50
|
+
"build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet --load-path=node_modules",
|
|
51
51
|
"build:js": "esbuild \"src/frontend/ts/pages/*.ts\" --bundle --outdir=out/js/pages --minify",
|
|
52
52
|
"build:11ty": "eleventy",
|
|
53
53
|
"build": "npm run clean && npm run build:css && npm run build:js && npm run build:11ty",
|
|
54
|
-
"serve:css": "sass --watch src/frontend/scss:out/css --no-source-map --quiet",
|
|
54
|
+
"serve:css": "sass --watch src/frontend/scss:out/css --no-source-map --quiet --load-path=node_modules",
|
|
55
55
|
"serve:js": "esbuild \"src/frontend/ts/pages/*.ts\" --bundle --outdir=out/js/pages --watch",
|
|
56
56
|
"serve:11ty": "eleventy --serve --quiet",
|
|
57
57
|
"clean": "node _tools/cleanOutput.js",
|
|
@@ -1,110 +1,110 @@
|
|
|
1
1
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
2
|
-
// â
|
|
2
|
+
// â BOOTSTRAP MODULES â
|
|
3
3
|
// â Comment out any module you don't need to improve â
|
|
4
4
|
// â performance. Core section is required by all others â
|
|
5
5
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
6
6
|
|
|
7
7
|
// Imports can be filtered by commenting them
|
|
8
8
|
// Example:
|
|
9
|
-
// @import "
|
|
9
|
+
// @import "bootstrap/scss/example-bootstrap-module";
|
|
10
10
|
|
|
11
11
|
//==========================
|
|
12
12
|
// 1ī¸âŖ CORE â Functions and variables
|
|
13
13
|
// â ī¸ Do not comment these out â required by all other modules
|
|
14
14
|
//==========================
|
|
15
|
-
@import "
|
|
16
|
-
@import "
|
|
17
|
-
@import "
|
|
18
|
-
@import "
|
|
19
|
-
@import "
|
|
20
|
-
@import "
|
|
21
|
-
@import "
|
|
22
|
-
@import "
|
|
15
|
+
@import "bootstrap/scss/functions"; // Bootstrap SCSS functions
|
|
16
|
+
@import "bootstrap/scss/variables"; // Core variables (colors, spacing, fonts)
|
|
17
|
+
@import "bootstrap/scss/variables-dark"; // Dark theme variables
|
|
18
|
+
@import "bootstrap/scss/maps"; // Maps for spacing, colors, breakpoints
|
|
19
|
+
@import "bootstrap/scss/mixins"; // Reusable SCSS mixins
|
|
20
|
+
@import "bootstrap/scss/utilities"; // Utility helpers
|
|
21
|
+
@import "bootstrap/scss/root"; // Root CSS (custom properties)
|
|
22
|
+
@import "bootstrap/scss/placeholders"; // Placeholder selectors
|
|
23
23
|
|
|
24
24
|
//==========================
|
|
25
25
|
// 2ī¸âŖ VENDOR
|
|
26
26
|
//==========================
|
|
27
|
-
@import "
|
|
27
|
+
@import "bootstrap/scss/vendor/rfs"; // Responsive font sizes
|
|
28
28
|
|
|
29
29
|
//==========================
|
|
30
30
|
// 3ī¸âŖ BASE â Base styles
|
|
31
31
|
//==========================
|
|
32
|
-
@import "
|
|
33
|
-
@import "
|
|
34
|
-
@import "
|
|
35
|
-
@import "
|
|
36
|
-
@import "
|
|
32
|
+
@import "bootstrap/scss/reboot"; // CSS reset / normalize
|
|
33
|
+
@import "bootstrap/scss/type"; // Typography (headings, paragraphs)
|
|
34
|
+
@import "bootstrap/scss/images"; // Image styles
|
|
35
|
+
@import "bootstrap/scss/containers"; // Containers
|
|
36
|
+
@import "bootstrap/scss/transitions"; // CSS transitions
|
|
37
37
|
|
|
38
38
|
//==========================
|
|
39
39
|
// 4ī¸âŖ LAYOUT â Layout helpers
|
|
40
40
|
//==========================
|
|
41
|
-
@import "
|
|
42
|
-
@import "
|
|
41
|
+
@import "bootstrap/scss/grid"; // Grid system
|
|
42
|
+
@import "bootstrap/scss/helpers"; // Helper classes
|
|
43
43
|
|
|
44
44
|
//==========================
|
|
45
45
|
// 5ī¸âŖ HELPERS â Sub-modules
|
|
46
46
|
//==========================
|
|
47
|
-
@import "
|
|
48
|
-
@import "
|
|
49
|
-
@import "
|
|
50
|
-
@import "
|
|
51
|
-
@import "
|
|
52
|
-
@import "
|
|
53
|
-
@import "
|
|
54
|
-
@import "
|
|
55
|
-
@import "
|
|
56
|
-
@import "
|
|
57
|
-
@import "
|
|
58
|
-
@import "
|
|
47
|
+
@import "bootstrap/scss/helpers/clearfix"; // Clearfix
|
|
48
|
+
@import "bootstrap/scss/helpers/color-bg"; // Color background
|
|
49
|
+
@import "bootstrap/scss/helpers/colored-links"; // Colored links
|
|
50
|
+
@import "bootstrap/scss/helpers/focus-ring"; // Focus ring
|
|
51
|
+
@import "bootstrap/scss/helpers/icon-link"; // Icon links
|
|
52
|
+
@import "bootstrap/scss/helpers/position"; // Position helpers
|
|
53
|
+
@import "bootstrap/scss/helpers/ratio"; // Aspect ratio
|
|
54
|
+
@import "bootstrap/scss/helpers/stacks"; // Stack helpers
|
|
55
|
+
@import "bootstrap/scss/helpers/stretched-link"; // Stretched link
|
|
56
|
+
@import "bootstrap/scss/helpers/text-truncation"; // Text truncation
|
|
57
|
+
@import "bootstrap/scss/helpers/visually-hidden"; // Visually hidden
|
|
58
|
+
@import "bootstrap/scss/helpers/vr"; // Vertical rule
|
|
59
59
|
|
|
60
60
|
//==========================
|
|
61
61
|
// 6ī¸âŖ UTILITIES â Sub-modules
|
|
62
62
|
//==========================
|
|
63
|
-
@import "
|
|
63
|
+
@import "bootstrap/scss/utilities/api"; // Utilities API
|
|
64
64
|
|
|
65
65
|
//==========================
|
|
66
66
|
// 7ī¸âŖ FORMS â Sub-modules
|
|
67
67
|
//==========================
|
|
68
|
-
@import "
|
|
69
|
-
@import "
|
|
70
|
-
@import "
|
|
71
|
-
@import "
|
|
72
|
-
@import "
|
|
73
|
-
@import "
|
|
74
|
-
@import "
|
|
75
|
-
@import "
|
|
76
|
-
@import "
|
|
77
|
-
@import "
|
|
68
|
+
@import "bootstrap/scss/forms"; // Forms loader
|
|
69
|
+
@import "bootstrap/scss/forms/labels"; // Labels
|
|
70
|
+
@import "bootstrap/scss/forms/form-text"; // Form text
|
|
71
|
+
@import "bootstrap/scss/forms/form-control"; // Inputs and textareas
|
|
72
|
+
@import "bootstrap/scss/forms/form-select"; // Select dropdowns
|
|
73
|
+
@import "bootstrap/scss/forms/form-check"; // Checkboxes and radios
|
|
74
|
+
@import "bootstrap/scss/forms/form-range"; // Range sliders
|
|
75
|
+
@import "bootstrap/scss/forms/floating-labels"; // Floating labels
|
|
76
|
+
@import "bootstrap/scss/forms/input-group"; // Input groups
|
|
77
|
+
@import "bootstrap/scss/forms/validation"; // Validation states
|
|
78
78
|
|
|
79
79
|
//==========================
|
|
80
|
-
// 8ī¸âŖ COMPONENTS â All
|
|
81
|
-
//==========================
|
|
82
|
-
@import "
|
|
83
|
-
@import "
|
|
84
|
-
@import "
|
|
85
|
-
@import "
|
|
86
|
-
@import "
|
|
87
|
-
@import "
|
|
88
|
-
@import "
|
|
89
|
-
@import "
|
|
90
|
-
@import "
|
|
91
|
-
@import "
|
|
92
|
-
@import "
|
|
93
|
-
@import "
|
|
94
|
-
@import "
|
|
95
|
-
@import "
|
|
96
|
-
@import "
|
|
97
|
-
@import "
|
|
98
|
-
@import "
|
|
99
|
-
@import "
|
|
100
|
-
@import "
|
|
101
|
-
@import "
|
|
102
|
-
@import "
|
|
103
|
-
@import "
|
|
80
|
+
// 8ī¸âŖ COMPONENTS â All Bootstrap components
|
|
81
|
+
//==========================
|
|
82
|
+
@import "bootstrap/scss/alert"; // Alerts
|
|
83
|
+
@import "bootstrap/scss/badge"; // Badges
|
|
84
|
+
@import "bootstrap/scss/breadcrumb"; // Breadcrumbs
|
|
85
|
+
@import "bootstrap/scss/buttons"; // Buttons
|
|
86
|
+
@import "bootstrap/scss/button-group"; // Button groups
|
|
87
|
+
@import "bootstrap/scss/card"; // Cards
|
|
88
|
+
@import "bootstrap/scss/carousel"; // Carousel
|
|
89
|
+
@import "bootstrap/scss/close"; // Close (Ã) button
|
|
90
|
+
@import "bootstrap/scss/dropdown"; // Dropdowns
|
|
91
|
+
@import "bootstrap/scss/list-group"; // List groups
|
|
92
|
+
@import "bootstrap/scss/modal"; // Modals
|
|
93
|
+
@import "bootstrap/scss/nav"; // Nav
|
|
94
|
+
@import "bootstrap/scss/navbar"; // Navbar
|
|
95
|
+
@import "bootstrap/scss/offcanvas"; // Offcanvas component
|
|
96
|
+
@import "bootstrap/scss/pagination"; // Pagination
|
|
97
|
+
@import "bootstrap/scss/popover"; // Popovers
|
|
98
|
+
@import "bootstrap/scss/progress"; // Progress bars
|
|
99
|
+
@import "bootstrap/scss/spinners"; // Spinners
|
|
100
|
+
@import "bootstrap/scss/toasts"; // Toasts
|
|
101
|
+
@import "bootstrap/scss/tooltip"; // Tooltips
|
|
102
|
+
@import "bootstrap/scss/accordion"; // Accordion
|
|
103
|
+
@import "bootstrap/scss/tables"; // Tables
|
|
104
104
|
|
|
105
105
|
//==========================
|
|
106
106
|
// 9ī¸âŖ ICONS
|
|
107
107
|
//==========================
|
|
108
108
|
$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
|
|
109
109
|
url("../fonts/bootstrap-icons.woff") format("woff");
|
|
110
|
-
@import "
|
|
110
|
+
@import "bootstrap-icons/font/bootstrap-icons";
|
|
@@ -1,109 +1,109 @@
|
|
|
1
1
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
2
|
-
// â
|
|
2
|
+
// â BULMA MODULES â
|
|
3
3
|
// â Comment out any module you don't need to improve â
|
|
4
4
|
// â performance. Core section is required by all others â
|
|
5
5
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
6
6
|
|
|
7
7
|
// Imports can be filtered by commenting them
|
|
8
8
|
// Example:
|
|
9
|
-
// @import "
|
|
9
|
+
// @import "bulma/sass/example-bulma-module";
|
|
10
10
|
|
|
11
11
|
//==========================
|
|
12
12
|
// 1ī¸âŖ CORE â Utilities and variables
|
|
13
13
|
// â ī¸ Do not comment these out â required by all other modules
|
|
14
14
|
//==========================
|
|
15
|
-
@import "
|
|
16
|
-
@import "
|
|
17
|
-
@import "
|
|
18
|
-
@import "
|
|
19
|
-
@import "
|
|
20
|
-
@import "
|
|
21
|
-
@import "
|
|
15
|
+
@import "bulma/sass/utilities/initial-variables"; // Base variables (colors, sizes, fonts)
|
|
16
|
+
@import "bulma/sass/utilities/functions"; // SCSS functions
|
|
17
|
+
@import "bulma/sass/utilities/derived-variables"; // Variables derived from initial ones
|
|
18
|
+
@import "bulma/sass/utilities/css-variables"; // CSS custom properties
|
|
19
|
+
@import "bulma/sass/utilities/controls"; // Control base styles (inputs, buttons)
|
|
20
|
+
@import "bulma/sass/utilities/extends"; // Shared extends
|
|
21
|
+
@import "bulma/sass/utilities/mixins"; // Reusable SCSS mixins
|
|
22
22
|
|
|
23
23
|
//==========================
|
|
24
24
|
// 2ī¸âŖ BASE â Reset and base styles
|
|
25
25
|
//==========================
|
|
26
|
-
@import "
|
|
27
|
-
@import "
|
|
28
|
-
@import "
|
|
29
|
-
@import "
|
|
26
|
+
@import "bulma/sass/base/minireset"; // CSS reset
|
|
27
|
+
@import "bulma/sass/base/generic"; // Generic base styles
|
|
28
|
+
@import "bulma/sass/base/animations"; // Built-in animations
|
|
29
|
+
@import "bulma/sass/base/skeleton"; // Skeleton loading styles
|
|
30
30
|
|
|
31
31
|
//==========================
|
|
32
32
|
// 3ī¸âŖ THEMES
|
|
33
33
|
//==========================
|
|
34
|
-
@import "
|
|
35
|
-
@import "
|
|
36
|
-
// @import "
|
|
34
|
+
@import "bulma/sass/themes/setup"; // Theme setup (required)
|
|
35
|
+
@import "bulma/sass/themes/light"; // Light theme
|
|
36
|
+
// @import "bulma/sass/themes/dark";// Dark theme
|
|
37
37
|
|
|
38
38
|
//==========================
|
|
39
39
|
// 4ī¸âŖ LAYOUT
|
|
40
40
|
//==========================
|
|
41
|
-
@import "
|
|
42
|
-
@import "
|
|
43
|
-
@import "
|
|
44
|
-
@import "
|
|
45
|
-
@import "
|
|
46
|
-
@import "
|
|
41
|
+
@import "bulma/sass/layout/container"; // Containers
|
|
42
|
+
@import "bulma/sass/layout/section"; // Sections
|
|
43
|
+
@import "bulma/sass/layout/footer"; // Footer
|
|
44
|
+
@import "bulma/sass/layout/hero"; // Hero banners
|
|
45
|
+
@import "bulma/sass/layout/level"; // Level (horizontal layout)
|
|
46
|
+
@import "bulma/sass/layout/media"; // Media object
|
|
47
47
|
|
|
48
48
|
//==========================
|
|
49
49
|
// 5ī¸âŖ GRID
|
|
50
50
|
//==========================
|
|
51
|
-
@import "
|
|
52
|
-
@import "
|
|
51
|
+
@import "bulma/sass/grid/columns"; // Flexbox column grid
|
|
52
|
+
@import "bulma/sass/grid/grid"; // CSS grid
|
|
53
53
|
|
|
54
54
|
//==========================
|
|
55
55
|
// 6ī¸âŖ ELEMENTS â Basic HTML elements
|
|
56
56
|
//==========================
|
|
57
|
-
@import "
|
|
58
|
-
@import "
|
|
59
|
-
@import "
|
|
60
|
-
@import "
|
|
61
|
-
@import "
|
|
62
|
-
@import "
|
|
63
|
-
@import "
|
|
64
|
-
@import "
|
|
65
|
-
@import "
|
|
66
|
-
@import "
|
|
67
|
-
@import "
|
|
68
|
-
@import "
|
|
69
|
-
@import "
|
|
57
|
+
@import "bulma/sass/elements/block"; // Block spacing
|
|
58
|
+
@import "bulma/sass/elements/box"; // Box container
|
|
59
|
+
@import "bulma/sass/elements/button"; // Buttons
|
|
60
|
+
@import "bulma/sass/elements/content"; // Rich text content
|
|
61
|
+
@import "bulma/sass/elements/delete"; // Delete/close button
|
|
62
|
+
@import "bulma/sass/elements/icon"; // Icons
|
|
63
|
+
@import "bulma/sass/elements/image"; // Images
|
|
64
|
+
@import "bulma/sass/elements/loader"; // Loader spinner
|
|
65
|
+
@import "bulma/sass/elements/notification"; // Notifications
|
|
66
|
+
@import "bulma/sass/elements/progress"; // Progress bars
|
|
67
|
+
@import "bulma/sass/elements/table"; // Tables
|
|
68
|
+
@import "bulma/sass/elements/tag"; // Tags/badges
|
|
69
|
+
@import "bulma/sass/elements/title"; // Titles and subtitles
|
|
70
70
|
|
|
71
71
|
//==========================
|
|
72
72
|
// 7ī¸âŖ FORM
|
|
73
73
|
//==========================
|
|
74
|
-
@import "
|
|
75
|
-
@import "
|
|
76
|
-
@import "
|
|
77
|
-
@import "
|
|
78
|
-
@import "
|
|
79
|
-
@import "
|
|
74
|
+
@import "bulma/sass/form/shared"; // Shared form styles
|
|
75
|
+
@import "bulma/sass/form/tools"; // Form tools and field wrappers
|
|
76
|
+
@import "bulma/sass/form/input-textarea"; // Inputs and textareas
|
|
77
|
+
@import "bulma/sass/form/select"; // Select dropdowns
|
|
78
|
+
@import "bulma/sass/form/checkbox-radio"; // Checkboxes and radios
|
|
79
|
+
@import "bulma/sass/form/file"; // File upload
|
|
80
80
|
|
|
81
81
|
//==========================
|
|
82
82
|
// 8ī¸âŖ COMPONENTS
|
|
83
83
|
//==========================
|
|
84
|
-
@import "
|
|
85
|
-
@import "
|
|
86
|
-
@import "
|
|
87
|
-
@import "
|
|
88
|
-
@import "
|
|
89
|
-
@import "
|
|
90
|
-
@import "
|
|
91
|
-
@import "
|
|
92
|
-
@import "
|
|
93
|
-
@import "
|
|
84
|
+
@import "bulma/sass/components/breadcrumb"; // Breadcrumbs
|
|
85
|
+
@import "bulma/sass/components/card"; // Cards
|
|
86
|
+
@import "bulma/sass/components/dropdown"; // Dropdowns
|
|
87
|
+
@import "bulma/sass/components/menu"; // Vertical menu
|
|
88
|
+
@import "bulma/sass/components/message"; // Message boxes
|
|
89
|
+
@import "bulma/sass/components/modal"; // Modals
|
|
90
|
+
@import "bulma/sass/components/navbar"; // Navbar
|
|
91
|
+
@import "bulma/sass/components/pagination"; // Pagination
|
|
92
|
+
@import "bulma/sass/components/panel"; // Panel
|
|
93
|
+
@import "bulma/sass/components/tabs"; // Tabs
|
|
94
94
|
|
|
95
95
|
//==========================
|
|
96
96
|
// 9ī¸âŖ HELPERS
|
|
97
97
|
//==========================
|
|
98
|
-
@import "
|
|
99
|
-
@import "
|
|
100
|
-
@import "
|
|
101
|
-
@import "
|
|
102
|
-
@import "
|
|
103
|
-
@import "
|
|
104
|
-
@import "
|
|
105
|
-
@import "
|
|
106
|
-
@import "
|
|
107
|
-
@import "
|
|
108
|
-
@import "
|
|
109
|
-
@import "
|
|
98
|
+
@import "bulma/sass/helpers/aspect-ratio"; // Aspect ratio
|
|
99
|
+
@import "bulma/sass/helpers/border"; // Border utilities
|
|
100
|
+
@import "bulma/sass/helpers/color"; // Color utilities
|
|
101
|
+
@import "bulma/sass/helpers/flexbox"; // Flexbox utilities
|
|
102
|
+
@import "bulma/sass/helpers/float"; // Float utilities
|
|
103
|
+
@import "bulma/sass/helpers/gap"; // Gap utilities
|
|
104
|
+
@import "bulma/sass/helpers/other"; // Other utilities
|
|
105
|
+
@import "bulma/sass/helpers/overflow"; // Overflow utilities
|
|
106
|
+
@import "bulma/sass/helpers/position"; // Position utilities
|
|
107
|
+
@import "bulma/sass/helpers/spacing"; // Spacing utilities (m-, p-)
|
|
108
|
+
@import "bulma/sass/helpers/typography"; // Typography utilities
|
|
109
|
+
@import "bulma/sass/helpers/visibility"; // Visibility utilities
|
|
@@ -1,139 +1,139 @@
|
|
|
1
1
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
2
|
-
// â
|
|
2
|
+
// â FOUNDATION MODULES â
|
|
3
3
|
// â Comment out any module you don't need to improve â
|
|
4
4
|
// â performance. Core section is required by all others â
|
|
5
5
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
6
6
|
|
|
7
7
|
// Imports can be filtered by commenting them
|
|
8
8
|
// Example:
|
|
9
|
-
// @import "
|
|
9
|
+
// @import "foundation-sites/scss/example-foundation-module";
|
|
10
10
|
|
|
11
11
|
//==========================
|
|
12
12
|
// 1ī¸âŖ CORE â Utilities and functions
|
|
13
13
|
// â ī¸ Do not comment these out â required by all other modules
|
|
14
14
|
//==========================
|
|
15
|
-
@import "
|
|
16
|
-
@import "
|
|
17
|
-
@import "
|
|
18
|
-
@import "
|
|
19
|
-
@import "
|
|
20
|
-
@import "
|
|
21
|
-
@import "
|
|
22
|
-
@import "
|
|
23
|
-
@import "
|
|
24
|
-
@import "
|
|
25
|
-
@import "
|
|
15
|
+
@import "foundation-sites/scss/util/util"; // Utility loader
|
|
16
|
+
@import "foundation-sites/scss/util/breakpoint"; // Breakpoint helpers
|
|
17
|
+
@import "foundation-sites/scss/util/color"; // Color functions
|
|
18
|
+
@import "foundation-sites/scss/util/direction"; // RTL/LTR direction
|
|
19
|
+
@import "foundation-sites/scss/util/flex"; // Flex utilities
|
|
20
|
+
@import "foundation-sites/scss/util/math"; // Math functions
|
|
21
|
+
@import "foundation-sites/scss/util/mixins"; // Reusable SCSS mixins
|
|
22
|
+
@import "foundation-sites/scss/util/selector"; // Selector helpers
|
|
23
|
+
@import "foundation-sites/scss/util/typography"; // Typography utilities
|
|
24
|
+
@import "foundation-sites/scss/util/unit"; // Unit conversion
|
|
25
|
+
@import "foundation-sites/scss/util/value"; // Value helpers
|
|
26
26
|
|
|
27
27
|
//==========================
|
|
28
28
|
// 2ī¸âŖ BASE â Reset and global styles
|
|
29
29
|
//==========================
|
|
30
|
-
@import "
|
|
31
|
-
@import "
|
|
30
|
+
@import "foundation-sites/scss/vendor/normalize"; // CSS reset / normalize
|
|
31
|
+
@import "foundation-sites/scss/_global"; // Global base styles
|
|
32
32
|
|
|
33
33
|
//==========================
|
|
34
34
|
// 3ī¸âŖ TYPOGRAPHY
|
|
35
35
|
//==========================
|
|
36
|
-
@import "
|
|
37
|
-
@import "
|
|
38
|
-
@import "
|
|
39
|
-
@import "
|
|
40
|
-
@import "
|
|
36
|
+
@import "foundation-sites/scss/typography/typography"; // Typography loader
|
|
37
|
+
@import "foundation-sites/scss/typography/base"; // Base typography styles
|
|
38
|
+
@import "foundation-sites/scss/typography/helpers"; // Typography helpers
|
|
39
|
+
@import "foundation-sites/scss/typography/alignment"; // Text alignment
|
|
40
|
+
@import "foundation-sites/scss/typography/print"; // Print styles
|
|
41
41
|
|
|
42
42
|
//==========================
|
|
43
43
|
// 4ī¸âŖ GRID â Layout systems
|
|
44
44
|
//==========================
|
|
45
45
|
|
|
46
46
|
// Legacy Float Grid
|
|
47
|
-
@import "
|
|
48
|
-
@import "
|
|
49
|
-
@import "
|
|
50
|
-
@import "
|
|
51
|
-
@import "
|
|
52
|
-
@import "
|
|
53
|
-
@import "
|
|
54
|
-
@import "
|
|
55
|
-
@import "
|
|
47
|
+
@import "foundation-sites/scss/grid/grid"; // Grid loader
|
|
48
|
+
@import "foundation-sites/scss/grid/classes"; // Grid classes
|
|
49
|
+
@import "foundation-sites/scss/grid/column"; // Column styles
|
|
50
|
+
@import "foundation-sites/scss/grid/row"; // Row styles
|
|
51
|
+
@import "foundation-sites/scss/grid/flex-grid"; // Flexbox grid
|
|
52
|
+
@import "foundation-sites/scss/grid/gutter"; // Gutters
|
|
53
|
+
@import "foundation-sites/scss/grid/layout"; // Layout helpers
|
|
54
|
+
@import "foundation-sites/scss/grid/position"; // Position helpers
|
|
55
|
+
@import "foundation-sites/scss/grid/size"; // Size helpers
|
|
56
56
|
|
|
57
57
|
// XY Grid (modern, recommended)
|
|
58
|
-
@import "
|
|
59
|
-
@import "
|
|
60
|
-
@import "
|
|
61
|
-
@import "
|
|
62
|
-
@import "
|
|
63
|
-
@import "
|
|
64
|
-
@import "
|
|
65
|
-
@import "
|
|
66
|
-
@import "
|
|
58
|
+
@import "foundation-sites/scss/xy-grid/xy-grid"; // XY Grid loader
|
|
59
|
+
@import "foundation-sites/scss/xy-grid/grid"; // XY Grid core
|
|
60
|
+
@import "foundation-sites/scss/xy-grid/cell"; // XY Grid cells
|
|
61
|
+
@import "foundation-sites/scss/xy-grid/classes"; // XY Grid classes
|
|
62
|
+
@import "foundation-sites/scss/xy-grid/collapse"; // XY Grid collapse
|
|
63
|
+
@import "foundation-sites/scss/xy-grid/frame"; // XY Grid frame
|
|
64
|
+
@import "foundation-sites/scss/xy-grid/gutters"; // XY Grid gutters
|
|
65
|
+
@import "foundation-sites/scss/xy-grid/layout"; // XY Grid layout
|
|
66
|
+
@import "foundation-sites/scss/xy-grid/position"; // XY Grid position
|
|
67
67
|
|
|
68
68
|
//==========================
|
|
69
69
|
// 5ī¸âŖ FORMS
|
|
70
70
|
//==========================
|
|
71
|
-
@import "
|
|
72
|
-
@import "
|
|
73
|
-
@import "
|
|
74
|
-
@import "
|
|
75
|
-
@import "
|
|
76
|
-
@import "
|
|
77
|
-
@import "
|
|
78
|
-
@import "
|
|
79
|
-
@import "
|
|
80
|
-
@import "
|
|
81
|
-
@import "
|
|
82
|
-
@import "
|
|
71
|
+
@import "foundation-sites/scss/forms/forms"; // Forms loader
|
|
72
|
+
@import "foundation-sites/scss/forms/text"; // Text inputs
|
|
73
|
+
@import "foundation-sites/scss/forms/select"; // Select dropdowns
|
|
74
|
+
@import "foundation-sites/scss/forms/checkbox"; // Checkboxes and radios
|
|
75
|
+
@import "foundation-sites/scss/forms/input-group"; // Input groups
|
|
76
|
+
@import "foundation-sites/scss/forms/fieldset"; // Fieldsets
|
|
77
|
+
@import "foundation-sites/scss/forms/label"; // Form labels
|
|
78
|
+
@import "foundation-sites/scss/forms/help-text"; // Help text
|
|
79
|
+
@import "foundation-sites/scss/forms/error"; // Error states
|
|
80
|
+
@import "foundation-sites/scss/forms/range"; // Range sliders
|
|
81
|
+
@import "foundation-sites/scss/forms/meter"; // Meter element
|
|
82
|
+
@import "foundation-sites/scss/forms/progress"; // Progress element
|
|
83
83
|
|
|
84
84
|
//==========================
|
|
85
85
|
// 6ī¸âŖ COMPONENTS
|
|
86
86
|
//==========================
|
|
87
|
-
@import "
|
|
88
|
-
@import "
|
|
89
|
-
@import "
|
|
90
|
-
@import "
|
|
91
|
-
@import "
|
|
92
|
-
@import "
|
|
93
|
-
@import "
|
|
94
|
-
@import "
|
|
95
|
-
@import "
|
|
96
|
-
@import "
|
|
97
|
-
@import "
|
|
98
|
-
@import "
|
|
99
|
-
@import "
|
|
100
|
-
@import "
|
|
101
|
-
@import "
|
|
102
|
-
@import "
|
|
103
|
-
@import "
|
|
104
|
-
@import "
|
|
105
|
-
@import "
|
|
106
|
-
@import "
|
|
107
|
-
@import "
|
|
108
|
-
@import "
|
|
109
|
-
@import "
|
|
110
|
-
@import "
|
|
111
|
-
@import "
|
|
112
|
-
@import "
|
|
113
|
-
@import "
|
|
114
|
-
@import "
|
|
115
|
-
@import "
|
|
116
|
-
@import "
|
|
117
|
-
@import "
|
|
118
|
-
@import "
|
|
119
|
-
@import "
|
|
120
|
-
@import "
|
|
87
|
+
@import "foundation-sites/scss/components/accordion"; // Accordion
|
|
88
|
+
@import "foundation-sites/scss/components/accordion-menu"; // Accordion menu
|
|
89
|
+
@import "foundation-sites/scss/components/badge"; // Badges
|
|
90
|
+
@import "foundation-sites/scss/components/breadcrumbs"; // Breadcrumbs
|
|
91
|
+
@import "foundation-sites/scss/components/button"; // Buttons
|
|
92
|
+
@import "foundation-sites/scss/components/button-group"; // Button groups
|
|
93
|
+
@import "foundation-sites/scss/components/callout"; // Callout boxes
|
|
94
|
+
@import "foundation-sites/scss/components/card"; // Cards
|
|
95
|
+
@import "foundation-sites/scss/components/close-button"; // Close button
|
|
96
|
+
@import "foundation-sites/scss/components/drilldown"; // Drilldown menu
|
|
97
|
+
@import "foundation-sites/scss/components/dropdown"; // Dropdown
|
|
98
|
+
@import "foundation-sites/scss/components/dropdown-menu"; // Dropdown menu
|
|
99
|
+
@import "foundation-sites/scss/components/flex"; // Flex helpers
|
|
100
|
+
@import "foundation-sites/scss/components/float"; // Float helpers
|
|
101
|
+
@import "foundation-sites/scss/components/label"; // Labels
|
|
102
|
+
@import "foundation-sites/scss/components/media-object"; // Media object
|
|
103
|
+
@import "foundation-sites/scss/components/menu"; // Menu
|
|
104
|
+
@import "foundation-sites/scss/components/menu-icon"; // Menu icon (hamburger)
|
|
105
|
+
@import "foundation-sites/scss/components/off-canvas"; // Off-canvas sidebar
|
|
106
|
+
@import "foundation-sites/scss/components/orbit"; // Orbit carousel
|
|
107
|
+
@import "foundation-sites/scss/components/pagination"; // Pagination
|
|
108
|
+
@import "foundation-sites/scss/components/progress-bar"; // Progress bars
|
|
109
|
+
@import "foundation-sites/scss/components/responsive-embed"; // Responsive embeds
|
|
110
|
+
@import "foundation-sites/scss/components/reveal"; // Reveal modals
|
|
111
|
+
@import "foundation-sites/scss/components/slider"; // Sliders
|
|
112
|
+
@import "foundation-sites/scss/components/sticky"; // Sticky elements
|
|
113
|
+
@import "foundation-sites/scss/components/switch"; // Toggle switches
|
|
114
|
+
@import "foundation-sites/scss/components/table"; // Tables
|
|
115
|
+
@import "foundation-sites/scss/components/tabs"; // Tabs
|
|
116
|
+
@import "foundation-sites/scss/components/thumbnail"; // Thumbnails
|
|
117
|
+
@import "foundation-sites/scss/components/title-bar"; // Title bar
|
|
118
|
+
@import "foundation-sites/scss/components/tooltip"; // Tooltips
|
|
119
|
+
@import "foundation-sites/scss/components/top-bar"; // Top bar navbar
|
|
120
|
+
@import "foundation-sites/scss/components/visibility"; // Visibility helpers
|
|
121
121
|
|
|
122
122
|
//==========================
|
|
123
123
|
// 7ī¸âŖ PROTOTYPE â Utility classes (optional)
|
|
124
124
|
// đĄ Commented by default â uncomment only if you need utility classes
|
|
125
125
|
//==========================
|
|
126
|
-
@import "
|
|
127
|
-
@import "
|
|
128
|
-
@import "
|
|
129
|
-
@import "
|
|
130
|
-
@import "
|
|
131
|
-
@import "
|
|
132
|
-
@import "
|
|
133
|
-
@import "
|
|
134
|
-
@import "
|
|
135
|
-
@import "
|
|
136
|
-
@import "
|
|
137
|
-
@import "
|
|
138
|
-
@import "
|
|
139
|
-
@import "
|
|
126
|
+
@import "foundation-sites/scss/prototype/prototype"; // Prototype loader
|
|
127
|
+
@import "foundation-sites/scss/prototype/arrow"; // Arrow utility
|
|
128
|
+
@import "foundation-sites/scss/prototype/border-box"; // Border box
|
|
129
|
+
@import "foundation-sites/scss/prototype/border-none";// Border none
|
|
130
|
+
@import "foundation-sites/scss/prototype/bordered"; // Bordered
|
|
131
|
+
@import "foundation-sites/scss/prototype/box"; // Box
|
|
132
|
+
@import "foundation-sites/scss/prototype/display"; // Display utilities
|
|
133
|
+
@import "foundation-sites/scss/prototype/font-styling";// Font styling
|
|
134
|
+
@import "foundation-sites/scss/prototype/overflow"; // Overflow
|
|
135
|
+
@import "foundation-sites/scss/prototype/position"; // Position
|
|
136
|
+
@import "foundation-sites/scss/prototype/rounded"; // Rounded corners
|
|
137
|
+
@import "foundation-sites/scss/prototype/shadow"; // Box shadows
|
|
138
|
+
@import "foundation-sites/scss/prototype/spacing"; // Spacing utilities
|
|
139
|
+
@import "foundation-sites/scss/prototype/typography"; // Typography utilities
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
2
|
-
// â
|
|
2
|
+
// â UIKIT MODULES â
|
|
3
3
|
// â Comment out any module you don't need to improve â
|
|
4
4
|
// â performance. Core section is required by all others â
|
|
5
5
|
// ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
|
|
@@ -10,101 +10,101 @@
|
|
|
10
10
|
// 1ī¸âŖ CORE â Variables, mixins and base
|
|
11
11
|
// â ī¸ Do not comment these out â required by all other modules
|
|
12
12
|
//==========================
|
|
13
|
-
@import "
|
|
14
|
-
@import "
|
|
15
|
-
@import "
|
|
16
|
-
@import "
|
|
17
|
-
@import "
|
|
18
|
-
@import "
|
|
13
|
+
@import "uikit/src/scss/variables"; // Core variables
|
|
14
|
+
@import "uikit/src/scss/mixins"; // Reusable SCSS mixins
|
|
15
|
+
@import "uikit/src/scss/components/variables"; // Component variables
|
|
16
|
+
@import "uikit/src/scss/components/mixin"; // Component mixins
|
|
17
|
+
@import "uikit/src/scss/components/base"; // Base styles and reset
|
|
18
|
+
@import "uikit/src/scss/components/print"; // Print styles
|
|
19
19
|
|
|
20
20
|
//==========================
|
|
21
21
|
// 2ī¸âŖ LAYOUT
|
|
22
22
|
//==========================
|
|
23
|
-
@import "
|
|
24
|
-
@import "
|
|
25
|
-
@import "
|
|
26
|
-
@import "
|
|
27
|
-
@import "
|
|
28
|
-
@import "
|
|
29
|
-
@import "
|
|
30
|
-
@import "
|
|
23
|
+
@import "uikit/src/scss/components/container"; // Containers
|
|
24
|
+
@import "uikit/src/scss/components/grid"; // Grid system
|
|
25
|
+
@import "uikit/src/scss/components/flex"; // Flexbox utilities
|
|
26
|
+
@import "uikit/src/scss/components/width"; // Width utilities
|
|
27
|
+
@import "uikit/src/scss/components/height"; // Height utilities
|
|
28
|
+
@import "uikit/src/scss/components/column"; // Column layout
|
|
29
|
+
@import "uikit/src/scss/components/section"; // Sections
|
|
30
|
+
@import "uikit/src/scss/components/position"; // Position utilities
|
|
31
31
|
|
|
32
32
|
//==========================
|
|
33
33
|
// 3ī¸âŖ TYPOGRAPHY
|
|
34
34
|
//==========================
|
|
35
|
-
@import "
|
|
36
|
-
@import "
|
|
37
|
-
@import "
|
|
38
|
-
@import "
|
|
39
|
-
@import "
|
|
40
|
-
@import "
|
|
41
|
-
@import "
|
|
42
|
-
@import "
|
|
35
|
+
@import "uikit/src/scss/components/heading"; // Headings
|
|
36
|
+
@import "uikit/src/scss/components/text"; // Text utilities
|
|
37
|
+
@import "uikit/src/scss/components/link"; // Link styles
|
|
38
|
+
@import "uikit/src/scss/components/list"; // Lists
|
|
39
|
+
@import "uikit/src/scss/components/description-list"; // Description lists
|
|
40
|
+
@import "uikit/src/scss/components/divider"; // Dividers
|
|
41
|
+
@import "uikit/src/scss/components/leader"; // Leader lines
|
|
42
|
+
@import "uikit/src/scss/components/article"; // Article styles
|
|
43
43
|
|
|
44
44
|
//==========================
|
|
45
45
|
// 4ī¸âŖ FORMS
|
|
46
46
|
//==========================
|
|
47
|
-
@import "
|
|
48
|
-
@import "
|
|
47
|
+
@import "uikit/src/scss/components/form"; // Form styles
|
|
48
|
+
@import "uikit/src/scss/components/form-range"; // Range sliders
|
|
49
49
|
|
|
50
50
|
//==========================
|
|
51
51
|
// 5ī¸âŖ COMPONENTS
|
|
52
52
|
//==========================
|
|
53
|
-
@import "
|
|
54
|
-
@import "
|
|
55
|
-
@import "
|
|
56
|
-
@import "
|
|
57
|
-
@import "
|
|
58
|
-
@import "
|
|
59
|
-
@import "
|
|
60
|
-
@import "
|
|
61
|
-
@import "
|
|
62
|
-
@import "
|
|
63
|
-
@import "
|
|
64
|
-
@import "
|
|
65
|
-
@import "
|
|
66
|
-
@import "
|
|
67
|
-
@import "
|
|
68
|
-
@import "
|
|
69
|
-
@import "
|
|
70
|
-
@import "
|
|
71
|
-
@import "
|
|
72
|
-
@import "
|
|
73
|
-
@import "
|
|
74
|
-
@import "
|
|
75
|
-
@import "
|
|
76
|
-
@import "
|
|
77
|
-
@import "
|
|
78
|
-
@import "
|
|
79
|
-
@import "
|
|
80
|
-
@import "
|
|
81
|
-
@import "
|
|
82
|
-
@import "
|
|
83
|
-
@import "
|
|
84
|
-
@import "
|
|
85
|
-
@import "
|
|
86
|
-
@import "
|
|
87
|
-
@import "
|
|
88
|
-
@import "
|
|
89
|
-
@import "
|
|
90
|
-
@import "
|
|
91
|
-
@import "
|
|
92
|
-
@import "
|
|
93
|
-
@import "
|
|
94
|
-
@import "
|
|
95
|
-
@import "
|
|
96
|
-
@import "
|
|
53
|
+
@import "uikit/src/scss/components/accordion"; // Accordion
|
|
54
|
+
@import "uikit/src/scss/components/alert"; // Alerts
|
|
55
|
+
@import "uikit/src/scss/components/badge"; // Badges
|
|
56
|
+
@import "uikit/src/scss/components/breadcrumb"; // Breadcrumbs
|
|
57
|
+
@import "uikit/src/scss/components/button"; // Buttons
|
|
58
|
+
@import "uikit/src/scss/components/card"; // Cards
|
|
59
|
+
@import "uikit/src/scss/components/close"; // Close button
|
|
60
|
+
@import "uikit/src/scss/components/comment"; // Comment sections
|
|
61
|
+
@import "uikit/src/scss/components/countdown"; // Countdown timer
|
|
62
|
+
@import "uikit/src/scss/components/cover"; // Cover images
|
|
63
|
+
@import "uikit/src/scss/components/drop"; // Drop component
|
|
64
|
+
@import "uikit/src/scss/components/dropbar"; // Dropbar
|
|
65
|
+
@import "uikit/src/scss/components/dropdown"; // Dropdowns
|
|
66
|
+
@import "uikit/src/scss/components/dropnav"; // Drop navigation
|
|
67
|
+
@import "uikit/src/scss/components/icon"; // Icons
|
|
68
|
+
@import "uikit/src/scss/components/iconnav"; // Icon navigation
|
|
69
|
+
@import "uikit/src/scss/components/label"; // Labels
|
|
70
|
+
@import "uikit/src/scss/components/lightbox"; // Lightbox
|
|
71
|
+
@import "uikit/src/scss/components/marker"; // Markers
|
|
72
|
+
@import "uikit/src/scss/components/modal"; // Modals
|
|
73
|
+
@import "uikit/src/scss/components/nav"; // Navigation
|
|
74
|
+
@import "uikit/src/scss/components/navbar"; // Navbar
|
|
75
|
+
@import "uikit/src/scss/components/notification"; // Notifications
|
|
76
|
+
@import "uikit/src/scss/components/offcanvas"; // Off-canvas
|
|
77
|
+
@import "uikit/src/scss/components/overlay"; // Overlays
|
|
78
|
+
@import "uikit/src/scss/components/pagination"; // Pagination
|
|
79
|
+
@import "uikit/src/scss/components/placeholder"; // Placeholder boxes
|
|
80
|
+
@import "uikit/src/scss/components/progress"; // Progress bars
|
|
81
|
+
@import "uikit/src/scss/components/search"; // Search component
|
|
82
|
+
@import "uikit/src/scss/components/slidenav"; // Slideshow navigation
|
|
83
|
+
@import "uikit/src/scss/components/slider"; // Slider
|
|
84
|
+
@import "uikit/src/scss/components/slideshow"; // Slideshow
|
|
85
|
+
@import "uikit/src/scss/components/sortable"; // Sortable lists
|
|
86
|
+
@import "uikit/src/scss/components/spinner"; // Spinners
|
|
87
|
+
@import "uikit/src/scss/components/sticky"; // Sticky elements
|
|
88
|
+
@import "uikit/src/scss/components/subnav"; // Sub navigation
|
|
89
|
+
@import "uikit/src/scss/components/svg"; // SVG utilities
|
|
90
|
+
@import "uikit/src/scss/components/switcher"; // Switcher component
|
|
91
|
+
@import "uikit/src/scss/components/tab"; // Tabs
|
|
92
|
+
@import "uikit/src/scss/components/table"; // Tables
|
|
93
|
+
@import "uikit/src/scss/components/thumbnav"; // Thumbnail navigation
|
|
94
|
+
@import "uikit/src/scss/components/tile"; // Tiles
|
|
95
|
+
@import "uikit/src/scss/components/tooltip"; // Tooltips
|
|
96
|
+
@import "uikit/src/scss/components/totop"; // To-top button
|
|
97
97
|
|
|
98
98
|
//==========================
|
|
99
99
|
// 6ī¸âŖ UTILITIES
|
|
100
100
|
//==========================
|
|
101
|
-
@import "
|
|
102
|
-
@import "
|
|
103
|
-
@import "
|
|
104
|
-
@import "
|
|
105
|
-
@import "
|
|
106
|
-
@import "
|
|
107
|
-
@import "
|
|
108
|
-
@import "
|
|
109
|
-
@import "
|
|
110
|
-
@import "
|
|
101
|
+
@import "uikit/src/scss/components/align"; // Alignment utilities
|
|
102
|
+
@import "uikit/src/scss/components/animation"; // Animation utilities
|
|
103
|
+
@import "uikit/src/scss/components/background"; // Background utilities
|
|
104
|
+
@import "uikit/src/scss/components/dotnav"; // Dot navigation
|
|
105
|
+
@import "uikit/src/scss/components/inverse"; // Inverse color mode
|
|
106
|
+
@import "uikit/src/scss/components/margin"; // Margin utilities
|
|
107
|
+
@import "uikit/src/scss/components/padding"; // Padding utilities
|
|
108
|
+
@import "uikit/src/scss/components/transition"; // Transition utilities
|
|
109
|
+
@import "uikit/src/scss/components/utility"; // General utilities
|
|
110
|
+
@import "uikit/src/scss/components/visibility"; // Visibility utilities
|