86 lines
4.3 KiB
Markdown
86 lines
4.3 KiB
Markdown
|
|
||
|
|
|
||
|
|
# Semantic UI
|
||
|
|
|
||
|
|
[](https://gitter.im/Semantic-Org/Semantic-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
|
||
|
|
|
||
|
|
Semantic is a UI framework designed for theming.
|
||
|
|
|
||
|
|
Key Features
|
||
|
|
* 50+ UI elements
|
||
|
|
* 3000 + CSS variables
|
||
|
|
* 3 Levels of variable inheritance (similar to SublimeText)
|
||
|
|
* Built with EM values for responsive design
|
||
|
|
* Flexbox friendly
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
#### Recommended Install
|
||
|
|
```bash
|
||
|
|
npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile.
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
For details on how work with Semantic theming please [read our customization guide](http://learnsemantic.com/developing/customizing.html) on [LearnSemantic.com](http://learnsemantic.com/)
|
||
|
|
|
||
|
|
#### Additional Versions
|
||
|
|
|
||
|
|
Environment | Install Script | Repo
|
||
|
|
--- | --- | --- |
|
||
|
|
CSS Only | `npm install semantic-ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS)
|
||
|
|
[LESS](https://github.com/less/less.js/) Only | `npm install semantic-ui-less` | [LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS)
|
||
|
|
[EmberJS](http://emberjs.com/) | `ember install:addon semantic-ui-ember` | [Ember Repo](https://github.com/Semantic-Org/Semantic-UI-Ember)
|
||
|
|
|[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/) | `meteor add semantic:ui` | [LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS) |
|
||
|
|
|[Meteor](https://www.meteor.com/) - CSS | `meteor add semantic:ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) |
|
||
|
|
[Bower](http://bower.io/) | `bower install semantic-ui` |
|
||
|
|
|
||
|
|
Check out our [integration wiki](https://github.com/Semantic-Org/Semantic-UI/wiki/Integration) for more options.
|
||
|
|
|
||
|
|
#### Browser Support
|
||
|
|
|
||
|
|
* Last 2 Versions FF, Chrome, IE 10+
|
||
|
|
* Safari 6
|
||
|
|
* IE 9+ (Browser prefix only)
|
||
|
|
* Android 4
|
||
|
|
* Blackberry 10
|
||
|
|
|
||
|
|
Browser prefixes are present for Internet Explorer 9, but the browser is not officially supported.
|
||
|
|
|
||
|
|
## Community
|
||
|
|
|
||
|
|
#### International
|
||
|
|
|
||
|
|
* **Chinese** A Chinese mirror site is available at [http://www.semantic-ui.cn](http:/www.semantic-ui.cn)
|
||
|
|
* **Right-to-Left (RTL)** An RTL version can be created using our build tools by selecting `rtl` from the install script
|
||
|
|
* **Translation** To help translate see the [Wiki Guide](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) for translations
|
||
|
|
|
||
|
|
#### Resources
|
||
|
|
|
||
|
|
Resource | Description
|
||
|
|
--- | --- |
|
||
|
|
Bugs & Feature Requests | Make a test case by forking this [jsfiddle](http://jsfiddle.net/efp8z6Ln/), then submit a [bug on GitHub](https://github.com/Semantic-Org/Semantic-UI/issues)
|
||
|
|
Live Chat | Join our [Gitter.im Room](https://gitter.im/Semantic-Org/Semantic-UI)
|
||
|
|
Newsletter Updates | Sign up for updates at [semantic-ui.com](http:/www.semantic-ui.com)
|
||
|
|
Additional Resources | Submit a question on [StackOverflow](http://www.stackoverflow.com) or ask our [Google Group](https://groups.google.com/forum/#!forum/semantic-ui)
|
||
|
|
|
||
|
|
#### Places to Help
|
||
|
|
|
||
|
|
Project | How To Help | Next Step
|
||
|
|
--- | --- | --- |
|
||
|
|
Localization | Help us translate Semantic UI into your language | [Join our Translation Community](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs)
|
||
|
|
[SCSS](http://sass-lang.com/) | SASS needs PR to support variables inside `@import` | [Add Pull Request](https://github.com/sass/sass/pulls) for [#739](https://github.com/sass/sass/issues/739#issuecomment-73984809)
|
||
|
|
[Angular](https://angularjs.org/) | Help develop angular bindings | Reach Out on [GitHub Issues](https://github.com/Semantic-Org/Semantic-UI-Angular/issues/8)
|
||
|
|
Guides & Tutorials | Help write guides and tutorials | [Join the discussion](https://github.com/Semantic-Org/Semantic-UI/issues/1571)
|
||
|
|
|
||
|
|
#### Pull Requests
|
||
|
|
|
||
|
|
When adding pull requests be sure to merge into [next](https://github.com/Semantic-Org/Semantic-UI/tree/next) branch. If you need to demonstrate a fix in ``next`` release, you can use [this jsfiddle](http://jsfiddle.net/rduvhn8u/1/)
|
||
|
|
|
||
|
|
#### Reaching Out
|
||
|
|
|
||
|
|
If you'd like to start a conversation about Semantic feel free to e-mail me at [jack@semantic-ui.com](mailto:jack@semantic-ui.com)
|
||
|
|
|
||
|
|
[](https://flattr.com/submit/auto?user_id=jlukic&url=https%3A%2F%2Fgithub.com%2Fjlukic%2FSemantic-UI)
|
||
|
|
|