Kernel.css framework - a unintrusive, lightweight and semantic CSS and JavaScript framework

  • By null
  • Last update: Nov 3, 2022
  • Comments: 2

npm version

Welcome to the kernel.css framework!

Table of contents

Introduction

What is it?

The kernel.css framework is a unintrusive, lightweight and semantic CSS and JavaScript framework inspired by the material design spec. It uses prefixes for all it's classes. It's meant to be a foundation to your projects, and not a complete product.

Features

  • Includes all the main colors specified in the material design colors spec.
  • Grid system based on flexbox.
  • Navigation with four preset sizes (ion-header-xs, ion-header-sm, ion-header-lg, ion-header-xl).
  • Cubic-bezier transitions.

Why was it created?

kernel.css was originally created for the Ionogy Libre project. We needed a framework that could be used for creating everything from websites to webapps, and the likes. It also had to be customizable in order to let users style their application how they wanted, but no other frameworks fit those requirements well enough. That is why it was decided to release it as a standalone project.

It's far from finished

The kernel.css framework is an ever evolving project, and will continue to be improved upon. We hope you will find it useful.

Installation

Simple. Just include these tags in your html.

">

Navigation code example

kernel.css
"> 

  
   

    
    

     kernel.css

Contribute

If you like the project and would like to contribute, you can do so at github.

kernel.css uses stylus internally as it's CSS Preprocessor.

Contributing code

Required software:

  • git
  • nodejs
  • npm (bundled with nodejs)

The kernel.css webpage is located in the /docs directory, and the project examples are found in the /docs/examples directory.

You can find the stylus CSS files in the /stylus directory.

After you build your project with "npm run compile" or "npm run watch", the newly built kernel.css file can be found in the /build directory. Please use the index.html file in /test directory which uses the css file in /build, to test your changes.

Please run the "npm run lint" script before you commit any changes.

You can run "npm run release" to create a release directory.

Contributing design

Writing documentation

We always appreciate if you help out improving the documentation. I have probably made lots of typos :)

Useful links

Please don't hesitate to report any issues you may find.

Documentation

As of now the documentation can be found at: http://github.com/ionogy/kernel.css/README.md It also comes bundled with this Framework.

License

Please read the file called LICENSE.txt

Contact

Jim Christian:

Changelog

Please read the file called CHANGELOG.md

Github

https://github.com/Ionogy/kernel.css

Comments(2)

  • 1

    build(deps): bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 2

    build(deps): bump terser from 5.13.1 to 5.14.2

    Bumps terser from 5.13.1 to 5.14.2.

    Changelog

    Sourced from terser's changelog.

    v5.14.2

    • Security fix for RegExps that should not be evaluated (regexp DDOS)
    • Source maps improvements (#1211)
    • Performance improvements in long property access evaluation (#1213)

    v5.14.1

    • keep_numbers option added to TypeScript defs (#1208)
    • Fixed parsing of nested template strings (#1204)

    v5.14.0

    • Switched to @​jridgewell/source-map for sourcemap generation (#1190, #1181)
    • Fixed source maps with non-terminated segments (#1106)
    • Enabled typescript types to be imported from the package (#1194)
    • Extra DOM props have been added (#1191)
    • Delete the AST while generating code, as a means to save RAM
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

Popular Tag

Related