KO
|
EN
gitlite — search
Search
#javascript
#golang
#java
#spring-boot
#php
#vue
#css
#deep-learning
#computer-vision
#websocket
#html
#tensorflow
Katana
★ 60
Open GitHub ↗
Katana is CSS Layout System made with Flexbox
Download README (.md)
Explore Similar Repositories
CSS-Flexbox-Tool
:
A comprehensive and user-friendly tool for building CSS Flexbox-based layouts.
Flexbox
:
Swift wrapper of facebook/yoga (CSS Flexbox layout engine).
typeflex
:
Typescript implementation of CSS flexbox layout algorithm.
Flex-One
:
1 CSS Class Layout System made with Flex
12columns
:
Simple grid system based on Flexbox and CSS Grid Layout.
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
Katana
?
Download (.md)
# Katana.scss Katana is CSS Layout System made with Flexbox <img src="/logo/katana.png" /> <hr> Minimal flexbox system for making HTML layouts. * Minimal. It only 20 lines of .scss. * Clear syntax. * Responsive. * Fluid column. * Anything can be personalised. Katana default values: * 12 columns * 15 px grid margin * 94% main grid size Basically you can generate any grid with any value or unit you like just change the default numbers in the katana.scss. ### The Grid: [https://vladocar.github.io/Katana/](https://vladocar.github.io/Katana/) also: [Katana Demo](https://vladocar.github.io/Katana/katana-demo.html) ### How the CSS class naming system works? The class names are col-1, col-2 .. The width value of col-1 is 100%, the value of col-3 is 100/3 = 33,33%, col-5 is 100/5 = 20%. You also have .fluid column. You can use multiple columns in one row. ## Download or Install You can simply download the library or use: ``` $ npm i katana.scss ``` ### Browser Support [Works in all flex compatible browsers](https://caniuse.com/#feat=flexbox) ### License This project is licensed under the MIT License
