MCPcopy Index your code
hub / github.com/baianat/blexar

github.com/baianat/blexar @0.0.3

Chat with this repo
repository ↗ · DeepWiki ↗ · release 0.0.3 ↗ · + Follow
140 symbols 291 edges 27 files 33 documented · 24%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Blexar

A solid base to establish your favorite websites with user experience in mind.

Inspired by the user's own experience needs, we decided to implement a design system to serve as a solid basis for very simple, yet elegant websites to deliver a complexity-free environment.

Main Features

  • Works well with SVG out of the box.
  • Offers some of the simplistic UI elements out there.
  • Intelligent grid system based on Flex-box.
  • Built using Stylus preprocessor.
  • User-friendly documentation with editable code snippets.

Getting Started

Installation

Using npm

npm install blexar --save
#or using yarn
yarn add blexar

HTML Layout

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" href="https://github.com/baianat/blexar/raw/0.0.3/blexar/dist/css/blexar.css">
  </head>
  <body>

  ...

  </body>
</html>

Webpack Configuration

Add the following rule to the Webpack configuration file

{
  test: /.styl$/,
  loader: 'style-loader!css-loader!stylus-loader?resolve url'
}

Working with styles

In your main styling file app.styl, before including the Base main file, make sure to add the needed variables, according to your customization preferences.

$margin = 2px
$red    = #E13C31
@import "~blexar"

License

MIT

Copyright (c) 2017 Baianat

Core symbols most depended-on inside this repo

select
called by 13
extensions/_utils/select.js
update
called by 8
extensions/slider/src/slider.js
render
called by 7
extensions/table/src/paginator.js
hide
called by 6
extensions/dropdown/src/dropdown.js
toArray
called by 5
extensions/_utils/toArray.js
updateHeaderSize
called by 5
extensions/table/src/table.js
update
called by 5
extensions/datepicker/src/datepicker.js
debounce
called by 4
extensions/_utils/debounce.js

Shape

Method 102
Class 22
Function 16

Languages

TypeScript100%

Modules by API surface

extensions/slider/src/slider.js20 symbols
extensions/table/src/paginator.js16 symbols
extensions/select/src/select.js14 symbols
extensions/navbar/src/navbar.js14 symbols
extensions/datepicker/src/datepicker.js14 symbols
extensions/table/src/table.js13 symbols
extensions/dropdown/src/dropdown.js9 symbols
extensions/switcher/src/switcher.js7 symbols
extensions/accordion/src/accordion.js7 symbols
extensions/table/src/sortable.js5 symbols
extensions/modal/src/modal.js5 symbols
scripts/styles.js2 symbols

For agents

$ claude mcp add blexar \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact