https://github.com/afeiship/webkit-sassui-layout-justify
Webkit css ui module for justify skills.
https://github.com/afeiship/webkit-sassui-layout-justify
justify justify-skills webkit
Last synced: 9 months ago
JSON representation
Webkit css ui module for justify skills.
- Host: GitHub
- URL: https://github.com/afeiship/webkit-sassui-layout-justify
- Owner: afeiship
- License: mit
- Created: 2016-10-14T02:42:06.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-03-01T08:16:07.000Z (almost 8 years ago)
- Last Synced: 2025-02-07T11:31:39.533Z (11 months ago)
- Topics: justify, justify-skills, webkit
- Language: JavaScript
- Size: 34.2 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
- License: LICENSE.txt
Awesome Lists containing this project
README
# webkit-sassui-layout-justify
> Webkit sass ui module for justify skills.
## usage:
+ use sass mixin:
```sass
.justify-demo {
//Child must have font-size:
@include webkit-sassui-justify(14px);
>*{
width: 24px;
line-height: 24px;
text-align: center;
background: #333;
color: white;
border-radius: 50%;
}
}
```
+ OR you can use css directily:
```html
.justify-demo>*{
/*
1.Child elements must by original inline elements.
2.Child elements must have height.(If NOT,the box will has a hidden height)
*/
height:24px;
}
item1
item2
item3
```
+ justify-text(ONLY for 'inline-element')
```html
1
2
3
4
```
## resources:
+ https://github.com/afeiship/generator-webkit-cssui
+ https://github.com/kangax/html-minifier
+ https://www.npmjs.com/package/gulp-htmlmin
+ https://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justified-block-list/