diff --git a/dist/LICENSE b/dist/LICENSE
deleted file mode 100644
index 043c4b9..0000000
--- a/dist/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2016 Michael Hladky
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/dist/README.md b/dist/README.md
deleted file mode 100644
index 8a852cb..0000000
--- a/dist/README.md
+++ /dev/null
@@ -1,330 +0,0 @@
-# Css Star Rating ⭐⭐⭐⭐⭐
-#### ⭐ Css Star Rating is a pure css star rating plugin based on best practice UX/UI methods. ⭐
-
-
-
-[](https://www.npmjs.com/package/css-star-rating)
-[](https://github.com/BioPhoton/css-star-rating)
-
-[](https://travis-ci.org/BioPhoton/css-star-rating)
-[](https://www.npmjs.com/package/css-star-rating)
-
-[](http://packagequality.com/#?package=css-star-rating)
-
-Css Star Rating is written in scss and fully customizable over variables.
-Easily compose your own rating component over a rich set of css modifiers for any kind of UI state.
-## Demo
-
-Demos in the **[KSS style guide](https://biophoton.github.io/css-star-rating/)**
-
-## Features
-
-- [x] **Written in scss**
-- [x] **Customizable over variables**
-- [x] **Flexbox layout**
-- [x] **SVG icons**
-- [x] **Icon fonts like fontawesome, ionicon...**
-- [x] **Display rating over css class**
-- [x] **Different Numbers of stars**
-- [x] **Color of stars depend on rating**
-- [x] **Half stars**
-- [x] **Sizes**
-- [x] **Star alignments**
-- [x] **Static colors**
-- [x] **Disabled mode**
-- [x] **Star types**
-- [x] **Label**
-- [x] **Label positions**
-- [x] **Animations**
-- [x] **Directions**
-- [x] **Themes**
-
-## Browser support
-
-
-| IE | Firefox | Chrome | Safari | Opera |
-|--- |--- |--- |--- |---|
-| 11 | 50 | 55 | 10 | 41 |
-|
-
1.5
-
-
-
-
-
-
-
-
-
-
My text
-
- ...stars...
-
-
-
3.5
-
- ...stars...
-
-
-
Good
-
- ...stars...
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- star-empty
-
-
-
- star-half
-
-
-
- star-filled
-
-
-
-
diff --git a/dist/kss-documentation/elements.kss.scss b/dist/kss-documentation/elements.kss.scss
deleted file mode 100644
index c7ea868..0000000
--- a/dist/kss-documentation/elements.kss.scss
+++ /dev/null
@@ -1,436 +0,0 @@
-/*
-Elements
-
-The elements a css star rating component consists of.
-Her you can see the html structure and the combination of elements.
-The star rating component consists of:
-- A star element
- to display the star state
-- A star-container element
- to handle multiple stars as a rating
-- A label element
- to display the additional test next to the rating
-
-markup:
-Star:
-
-
-
-
-
-
-
-
-Star Container:
-
-
-
-
-
-
-
-
Label:
-good
-
-sg-wrapper:
-
-
-
-Styleguide 1.2
-*/
-
-
-/*
-Star Element
-
-The Star element.
-
-markup:
-
-
-
-Styleguide 1.2.1
-*/
-
-/*
-Star fill states
-
-The Star element visualizes the interactive star element it it's three fill states.
-
-.empty - displays the star element as empty
-.half - displays the star element as half filled
-.filled - displays the star element as filled
-
-markup:
-
-
-
-
-
-
-
-
-
-Styleguide 1.2.1.1
-*/
-
-/*
-Star colors
-
-The different star colors.
-
-.positive - Stars is colored positive
-.ok - Stars is colored ok
-.negative - Stars is colored negative
-
-markup:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Styleguide 1.2.1.2
-*/
-
-/*
-Star types
-
-The different star types.
-
-.svg - Stars svg icon is used
-.icon - Stars character icon is used
-.custom-icon - Stars character icon is used
-
-markup:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Styleguide 1.2.1.1.3
-*/
-
-/*
-Star icons
-
-The different star icons.
-
-.fa.fa-star-half-o - font-awesome star-icon
-.ion-ios-star-half - bootstrap star-icon
-.fa.fa-gear - ionicons star-icon
-
-markup:
-
-
-
-Styleguide 1.2.1.1.3.1
-*/
-
-/*
-Star sizes
-
-The Star sizes.
-
-.small - displays star in small size
-.medium - displays star in medium size
-.large - displays star in large size
-
-markup:
-
-
-
-
-
-
-
-
-
-Styleguide 1.2.1.3
-*/
-
-/*
-Star Disabled state
-
-The Star element in disabled state.
-
-.disabled - displays star in disabled state
-
-markup:
-
-
-
-
-
-
-
-
-
-Styleguide 1.2.1.4
-*/
-
-/*
-The the direction of the star icon.
-
-.direction-rtl - displays star icon in right to left direction.
-.direction-ltr - displays star icon in left to right direction.
-
-markup:
-
-
-
-
-
-
-
-
-
-sg-wrapper:
-
-
-
-Styleguide 1.2.1.5
-*/
-
-/*
-Star Container
-
-The wrapper container for many stars.
-
-markup:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
3.5
-
-Styleguide 1.2.3
-*/
-
-/*
-Label Sizes
-
-The Label element.
-
-.small - displays star in small size
-.medium - displays star in medium size
-.large - displays star in large size
-
-markup:
-3.5
-
-Styleguide 1.2.3.1
-*/
-
-/*
-Label Disabled state
-
-The Label n disabled state.
-
-.disabled - displays label in disabled state
-
-markup:
-3.5
-
-Styleguide 1.2.3.2
-*/
\ No newline at end of file
diff --git a/dist/kss-documentation/modifiers.kss.scss b/dist/kss-documentation/modifiers.kss.scss
deleted file mode 100644
index 0c75569..0000000
--- a/dist/kss-documentation/modifiers.kss.scss
+++ /dev/null
@@ -1,1885 +0,0 @@
-/*
-Modifiers
-
-A beautiful ui component for displaying rating values of up to 5 stars with css only.
-Options are:
-- Value
-- Size
-- Spread
-- Static Color
-- Label Position
-- Animation Speed
-- Disabled
-
-(in this html is additional angular markup to make the showcase interactive)
-
- markup:
-
-
3.5
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
0
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
(bad)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
3.1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Good
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
(bad)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
3.1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Good
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
3.5
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
3.5
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Styleguide 1.3
-*/
-
-/*
-Star types position test
-
-All icons should lay exactly on top of each other.
-
-markup:
-
-
-
-
-
-
-
-
-
-
-
-
-
-Styleguide 1.3.1
-*/
diff --git a/dist/package.json b/dist/package.json
deleted file mode 100644
index 6ba2403..0000000
--- a/dist/package.json
+++ /dev/null
@@ -1,90 +0,0 @@
-{
- "name": "css-star-rating",
- "version": "1.2.5",
- "license": "MIT",
- "keywords": [
- "Rating",
- "Stars",
- "Star Rating",
- "Star-Rating",
- "Starrating",
- "5-Star Rating",
- "Icon",
- "Iconfont",
- "Fonticons",
- "Fontawesome",
- "Ionicons",
- "SVG",
- "CSS3",
- "Pure CSS",
- "CSS only",
- "SCSS",
- "Flexbox"
- ],
- "description": "Css Star Rating is pure css component written in scss.",
- "author": "Michael Hladky",
- "repository": {
- "type": "git",
- "url": "git+https://github.com/BioPhoton/css-star-rating.git"
- },
- "contributors": [
- {
- "name": "Michael Hladky",
- "email": "michael@hladky.at"
- }
- ],
- "bugs": {
- "url": "https://github.com/BioPhoton/css-star-rating/issues"
- },
- "homepage": "https://github.com/BioPhoton/css-star-rating#readme",
- "main": "dist/css/star-rating.css",
- "devDependencies": {
- "angularic-ionicon": "^1.1.0",
- "conventional-changelog": "^3.1.25",
- "copyfiles": "^2.4.1",
- "css-loader": "^6.7.1",
- "del": "^6.0.0",
- "extendify": "^1.0.0",
- "file-loader": "^6.2.0",
- "font-awesome": "^4.7.0",
- "gulp": "^4.0.2",
- "gulp-autoprefixer": "^8.0.0",
- "gulp-bump": "^3.2.0",
- "gulp-concat": "^2.6.1",
- "gulp-cssnano": "^2.1.3",
- "gulp-load-plugins": "^2.0.7",
- "gulp-notify": "^4.0.0",
- "gulp-plumber": "^1.2.1",
- "gulp-print": "^5.0.2",
- "gulp-rename": "^2.0.0",
- "gulp-sass": "^5.1.0",
- "gulp-task-listing": "^1.1.1",
- "ionicons": "^6.0.1",
- "kss": "^3.0.1",
- "merge-stream": "^2.0.0",
- "node-sass": "^7.0.1",
- "prettier": "^2.6.0",
- "sass": "^1.49.9",
- "sass-loader": "^12.6.0",
- "sc5-styleguide": "^2.2.0",
- "style-loader": "^3.3.1",
- "webpack": "^5.0.0",
- "wrench": "^1.5.9",
- "yargs": "^17.4.0"
- },
- "scripts": {
- "INLINE_DOCUMENTATION": "To release the project: bump version, run changelog, run project:build, check travis,",
- "project:build": "npm run clean:dist && npm run build && npm run styleguide",
- "build": "npm run build:css && npm run build:assets",
- "build:css": "gulp project:build",
- "build:assets": "copyfiles -u 0 README.md ./dist && copyfiles -u 0 ./package.json ./dist && copyfiles -u 0 ./LICENSE ./dist && copyfiles -u 2 ./src/assets/* ./dist/images",
- "styleguide": "npm run styleguide:assets && npm run styleguide:build",
- "styleguide:assets": "copyfiles -u 2 ./dist/css/* ./docs/assets/css && copyfiles -u 2 ./dist/images/* ./docs/assets/images && copyfiles -u 2 ./docs-assets/fontawesome/fontawesome-all.min.css ./docs/assets/css && copyfiles -u 3 ./docs-assets/fontawesome/webfonts/* ./docs/assets/webfonts",
- "styleguide:build": "kss --config ./kss-config.json",
- "version:bump": "gulp version:bump",
- "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
- "release:github": "conventional-github-releaser",
- "release:npm": "npm publish ./dist",
- "clean:dist": "rimraf dist"
- }
-}
diff --git a/dist/scss/_elements.scss b/dist/scss/_elements.scss
deleted file mode 100644
index 6641e4f..0000000
--- a/dist/scss/_elements.scss
+++ /dev/null
@@ -1,325 +0,0 @@
-@charset "UTF-8";
-
-/*CSS Star Rating Elements
-=================================================================*/
-
-/*HELPER*/
-
-.center-all{
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-
-/*
-Star element
-==================================================================*/
-.star {
- position: relative;
- width: $default-star-width;
- height: $default-star-height;
- display: flex;
- align-items: center;
- justify-content: center;
-
- svg, i {
- display: flex;
- align-items: center;
- justify-content: center;
-
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-
- font-style: normal;
-
- &.star-half,
- &.star-filled {
- opacity: 0;
- }
- }
-
- i {
- top:1px;
- display: none;
- }
-
- &.icon i {
- font-size: $default-star-font-size;
- line-height: $default-star-line-height;
-
- &.star-empty:before {
- content: $default-star-character-empty;
- }
- &.star-half:before {
- content: $default-star-character-half;
- }
- &.star-filled:before {
- content: $default-star-character-filled;
- }
- }
-
- &.custom-icon i {
- font-size: 18px;
- line-height: 18px;
- }
-
-
- /*
- Fill states
- ==================================================================*/
- &.empty {
- svg, i {
- &.star-half,
- &.star-filled {
- opacity: 0;
- }
- &.star-empty {
- opacity: 1;
- }
- }
- }
- &.half {
- svg, i {
- &.star-filled,
- &.star-empty {
- opacity: 0;
- }
- &.star-half {
- opacity: 1;
- }
- }
- }
- &.filled {
- svg, i {
- &.star-empty,
- &.star-filled {
- opacity: 0;
- }
- &.star-filled {
- opacity: 1;
- }
- }
- }
-
- /*
- Colors
- ==================================================================*/
- &.default {
- svg {
- fill: $color-default-rating;
- }
- i {
- color: $color-default-rating;
- }
- }
- &.negative {
- svg {
- fill: $color-negative-rating;
- }
- i {
- color: $color-negative-rating;
- }
- }
- &.ok {
- svg {
- fill: $color-ok-rating;
- }
- i {
- color: $color-ok-rating;
- }
- }
- &.positive {
- svg {
- fill: $color-positive-rating;
- }
- i {
- color: $color-positive-rating;
- }
- }
-
- /*
- Icon Types
- ==================================================================*/
- &.svg {
- i {
- display: none;
- }
- svg {
- display: flex;
- }
- }
-
- &.custom-icon,
- &.icon {
- svg {
- display: none;
- }
- i {
- display: flex;
- }
- }
-
- /*
- Star Size
- ===================================================================*/
- &.small {
- width: $small-star-width;
- height: $small-star-height;
- i {
- font-size: $small-star-font-size;
- line-height: $small-star-line-height;
- }
- }
-
- &.medium {
- width: $default-star-width;
- height: $default-star-width;
- i {
- font-size: $default-star-font-size;
- line-height: $default-star-line-height;
- }
- }
-
- &.large {
- width: $large-star-width;
- height: $large-star-height;
- i {
- font-size: $large-star-font-size;
- line-height: $large-star-line-height;
- }
- }
-
- /*
-Disabled
-=================================================*/
- &.disabled {
- opacity: $disabled-opacity;
- }
-
- /*
- Direction
- =================================================*/
- &.direction-rtl {
- svg, i {
- &.star-half {
- transform: scale(-1, 1);
- }
- }
- }
- &.direction-ltr {
- svg, i {
- &.star-half {
- transform: scale(1, 1);
- }
- }
- }
-
-}
-
-/*
-Label Element
-===================================================================*/
-
-.label-value {
- font-size: $default-label-font-size;
- line-height: $default-label-line-height;
-
- /*
- Sizes
- =================================================================*/
- &.small {
- font-size: $small-label-font-size;
- line-height: $small-label-line-height;
- }
-
- &.medium {
- font-size: $default-label-font-size;
- line-height: $default-star-line-height;
- }
-
- &.large {
- font-size: $large-label-font-size;
- line-height: $large-star-line-height;
- }
-
- /*
- Disabled
- =================================================*/
- &.disabled {
- opacity: $disabled-opacity;
- }
-
-}
-
-/*
-Star Container
-==================================================================*/
-.star-container {
- display: flex;
- align-items: center;
- flex: 0 0 auto;
- justify-content: center;
-
- margin-left: $default-stars-label-margin;
- margin-right: $default-stars-label-margin;
-
- transition: all $default-animation-speed $default-animation-type;
-
- + .star {
- margin-left: $default-stars-label-margin;
- }
-
- .star {
- @extend .default;
- transition: all $default-animation-speed $default-animation-type;
- svg, i {
- transition: all $default-animation-speed $default-animation-type;
- }
- }
-
- svg {
- z-index: 2;
- }
- i {
- z-index: 1;
- }
-
- /*
- Direction
- ===================================================*/
- &.direction-rtl {
- direction: rtl;
- .star {
- @extend .direction-rtl;
- }
- }
- &.direction-ltr {
- direction: ltr;
- .star {
- @extend .direction-ltr;
- }
- }
-
- /*
- Space
- ======================================================*/
- &.space-no {
- flex: 1 1 auto;
- justify-content: center;
- }
-
- &.space-between {
- flex: 1 1 auto;
- justify-content: space-between;
- }
-
- &.space-around {
- flex: 1 1 auto;
- justify-content: space-around;
- }
-
-}
diff --git a/dist/scss/_modifiers.scss b/dist/scss/_modifiers.scss
deleted file mode 100644
index 941caed..0000000
--- a/dist/scss/_modifiers.scss
+++ /dev/null
@@ -1,413 +0,0 @@
-@charset "UTF-8";
-
-/*
-Rating Component
-========================================================================= */
-.rating {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: $rating-margin-bottom;
-
- /*Rating Value
- ====================================================*/
- @for $i from $minRatingValue through $maxNumOfStars {
- &.value-#{$i} {
-
- .star-container {
- .star:nth-child(-n+#{$i}) {
- @extend .filled;
- }
-
- .star {
- @if $i <= 2 {
- svg {
- fill: $color-negative-rating;
- }
- i {
- color: $color-negative-rating;
- }
- }
-
- @if $i == 3 {
- svg {
- fill: $color-ok-rating;
- }
- i {
- color: $color-ok-rating;
- }
- }
-
- @if $i >= 4 {
- svg {
- fill: $color-positive-rating;
- }
- i {
- color: $color-positive-rating;
- }
- }
- }
- }
- }
- }
-
- //Handling values > $maxNumOfStars up to $maxNumOfStars*2 (i know it's ugly. Maybe i will skip this completely)
- @for $i from $maxNumOfStars through $maxNumOfStars*2 {
- &.value-#{$i} {
-
- .star-container {
- .star:nth-child(-n+#{$i}) {
- @extend .filled
- }
-
- .star {
- @extend .positive;
- }
- }
- }
- }
-
- /*Hover states
- ====================================================*/
-
- //- all stars before and the hover star should be filled
- //- filled stars after the hover star should be empty
-
- &.hover:hover {
-
- @for $i from $minRatingValue through $maxNumOfStars {
-
- &.value-#{$i}.half,
- &.hover-#{$i} {
- .star-container {
- .star {
- &.star-half,
- &.star-filled {
- opacity: 0;
- }
- &.star-empty {
- opacity: 1;
- }
- }
- }
- }
-
- &.hover-#{$i} {
- .star-container {
-
- .star:nth-child(-n+#{$i}) {
- svg, i {
- &.star-empty,
- &.star-filled {
- opacity: 0;
- }
- &.star-filled {
- opacity: 1;
- }
- }
- }
-
- .star {
- @if $i <= 2 {
- svg {
- fill: $color-negative-rating;
- }
- i {
- color: $color-negative-rating;
- }
- }
-
- @if $i == 3 {
- svg {
- fill: $color-ok-rating;
- }
- i {
- color: $color-ok-rating;
- }
- }
-
- @if $i >= 4 {
- svg {
- fill: $color-positive-rating;
- }
- i {
- color: $color-positive-rating;
- }
- }
- }
- }
- }
- }
-
- }
-
- /*Half stars
- ====================================================*/
-
- //if we hals ratings > 0 && < 1 we color the first star
- &.value-0.half {
- .star {
- @extend .negative;
- }
- .star:nth-child(1) {
- @extend .half;
- }
- }
-
- @for $i from $minRatingValue through $maxNumOfStars {
- &.value-#{$i}.half {
-
- .star-container {
- @if ($i < $maxNumOfStars) {
- .star:nth-child(#{$i+1}) {
- @extend .half;
- }
- }
- }
-
- }
- }
-
- /*Label Visible
- ====================================================*/
- &.label-hidden {
- .label-value {
- display: none;
- }
- }
- &.label-visible {
- display: flex;
- }
-
- /*Label Position
- ====================================================*/
- &.label-top {
- flex-direction: column;
-
- .label-value {
- + .star-container {
- margin-left: 0;
- margin-right: 0;
- margin-top: $default-stars-label-margin;
- }
- }
- }
-
- &.label-left .label-value {
- flex: 0 0 auto;
-
- + .star-container {
- margin-left: $default-stars-label-margin;
- margin-right: 0;
- }
- }
-
- &.label-right {
- flex-direction: row-reverse;
-
- .label-value {
- + .star-container {
- margin-left: 0;
- margin-right: $default-stars-label-margin;
- }
- }
- }
-
- &.label-bottom {
- flex-direction: column-reverse;
-
- .label-value {
- + .star-container {
- margin-left: 0;
- margin-right: 0;
- margin-bottom: $default-stars-label-margin;
- }
- }
- }
-
- /*
- Direction
- ===================================================*/
- &.direction-rtl {
- direction: rtl;
-
- .star-container {
- @extend .star-container.direction-rtl;
- .star {
- @extend .direction-rtl;
- }
- }
- }
- &.direction-ltr {
- direction: ltr;
- }
-
- /* Star Type
- ====================================================*/
- &.star-icon {
- @extend .icon;
- }
- &.star-custom-icon {
- @extend .custom-icon;
- }
- &.star-svg {
- @extend .svg;
- }
-
- /* Sizes
- ==========================================================*/
- &.small {
- .star {
- @extend .small;
- }
-
- .label-value {
- @extend .small;
- }
- }
-
- &.medium {
- .star {
- @extend .medium;
- }
-
- .label-value {
- @extend .medium;
- }
- }
-
- &.large {
- .star {
- @extend .large;
- }
-
- .label-value {
- @extend .large;
- }
- }
-
- /* Space
- ====================================================*/
- &.space-no {
- .star-container {
- @extend .space-no;
- }
- }
-
- &.space-between {
- .star-container {
- @extend .space-between;
- }
- }
-
- &.space-around {
- .star-container {
- @extend .space-around;
- }
- }
-
- /* Static Color
- ====================================================*/
- &.color-default {
- .star-container {
- .star {
- svg {
- fill: $color-default-rating !important;
- }
- i {
- color: $color-default-rating !important;
- }
- }
- }
- }
-
- &.color-ok {
- .star-container {
- .star {
- svg {
- fill: $color-ok-rating !important;
- }
- i {
- color: $color-ok-rating !important;
- }
- }
- }
- }
-
- &.color-positive {
- .star-container {
- .star {
- svg {
- fill: $color-positive-rating !important;
- }
- i {
- color: $color-positive-rating !important;
- }
- }
- }
- }
-
- &.color-negative {
- .star-container {
- .star {
- svg {
- fill: $color-negative-rating !important;
- }
- i {
- color: $color-negative-rating !important;
- }
- }
- }
- }
-
- /*Disabled
- ====================================================*/
- &.disabled {
- .label-value {
- @extend .disabled;
- }
- .star-container {
- .star {
- @extend .star.disabled;
- }
- }
- }
-
- /*AnimationSpeed
- ====================================================*/
- &.immediately
- .star-container {
- transition: all $immediately-animation-type;
- .star {
- transition: $immediately-animation-type;
- svg, i {
- transition: $immediately-animation-type;
- }
- }
- }
-
- &.noticeable {
- .star-container {
- transition: all $default-animation-speed $default-animation-type;
- .star {
- transition: all $default-animation-speed $default-animation-type;
- svg, i {
- transition: all $default-animation-speed $default-animation-type;
- }
- }
- }
- }
-
- &.slow {
- .star-container {
- transition: all $slow-animation-speed $default-animation-type;
- .star {
- transition: all $slow-animation-speed $default-animation-type;
- svg, i {
- transition: all $slow-animation-speed $default-animation-type;
- }
- }
- }
- }
-
-}
diff --git a/dist/scss/_themes.scss b/dist/scss/_themes.scss
deleted file mode 100644
index cbb1d2f..0000000
--- a/dist/scss/_themes.scss
+++ /dev/null
@@ -1,162 +0,0 @@
-@charset "UTF-8";
-
-/*theme modifiers
-====================================================*/
-
-.rating {
-
- &.theme-kununu {
- $kununu-color-white: #fff !default;
- $kununu-color-lightgray: #f8f8f8 !default;
- $kununu-color-gray: #e9ecec !default;
- $kununu-color-blue: #2286dc !default;
- $kununu-color-darkblue: #2f3940 !default;
- $kununu-color-green: #99c613 !default;
-
- flex-direction: column;
- width: 78px;
-
- .label-value,
- .star-container {
- width: 100%;
- }
-
- .label-value {
-
- display: flex;
- align-items: center;
- justify-content: center;
-
- border-radius: 6px 6px 0 0;
- height: 50px;
- border: 1px solid $kununu-color-gray;
- border-bottom: 0px;
- font-size: 18px;
- font-weight: bold;
- color: $kununu-color-darkblue;
- letter-spacing: -1px;
-
- background-color: $kununu-color-lightgray;
- }
- .star-container {
- border-radius: 0 0 6px 6px;
- padding: 2px 0 4px 0;
- margin-left: 0px;
- margin-right: 0px;
-
- justify-content: center;
- background-color: $kununu-color-green;
-
- border: 1px solid $kununu-color-green;
- border-bottom: 0px;
-
- .star {
- height: 11px;
- width: 11px;
- @extend .custom-icon;
-
- i {
- font-size: 11px;
- color: $kununu-color-white;
- text-align: center;
- }
- }
- }
-
- }
-
- &.theme-google-places {
- $google_places-color-default: #e1e1e1 !default;
- $google_places-color-red: #e7711b !default;
-
- .label-value {
- color: $google_places-color-red;
- font-family: arial, sans-serif;
- font-size: 13px;
- line-height: 15px;
- }
-
- .star-container {
- width: 65px;
- margin-left: 2px;
-
- .star {
-
- i {
- font-size: 17px;
- color: $google_places-color-red !important;
- &.star-empty {
- opacity: 1 !important;
- color: $google_places-color-default !important;
- &:before {
- content: $default-star-character-filled;
- }
- }
- &.star-half {
- width: 7px;
- overflow: hidden;
- &:before {
- content: $default-star-character-half;
- }
- }
- &.star-filled:before {
- content: $default-star-character-filled;
- }
- }
- }
-
- }
-
- }
-
- &.theme-classic {
-
- }
-
- &.theme-material {
-
- }
-
- &.theme-rolling-stars {
-
- .star-container {
- .star {
- transition: transform 1s;
- transform: rotate(0deg);
- }
- }
-
- @for $i from $minRatingValue through $maxNumOfStars {
- &.value-#{$i} {
- .star-container {
- .star:nth-child(-n+#{$i}) {
- transition: transform 1s;
- transform: rotate(360deg);
- }
- }
- }
- }
-
- &.value-0.half {
- .star:nth-child(1) {
- transition: transform 1s;
- transform: rotate(360deg);
- }
- }
-
- @for $i from $minRatingValue through $maxNumOfStars {
- &.value-#{$i}.half {
- .star-container {
- @if ($i < $maxNumOfStars) {
- .star:nth-child(#{$i+1}) {
- transition: transform 1s;
- transform: rotate(360deg);
- }
- }
- }
- }
- }
-
- }
-
-}
diff --git a/dist/scss/_variables.scss b/dist/scss/_variables.scss
deleted file mode 100644
index 239b033..0000000
--- a/dist/scss/_variables.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-@charset "UTF-8";
-
-/*VARIABLES
-====================================================*/
-
-/*Range*/
-$minRatingValue: 1 !default;
-$maxNumOfStars: 6 !default;
-$numFractions: 3 !default;
-$fractionSize: $maxNumOfStars/$numFractions;
-
-/*Spacing*/
-$rating-margin-bottom: 5px;
-$default-stars-label-margin: 5px;
-
-/*Colors*/
-$color-negative-rating: #f03c56 !default;
-$color-ok-rating: #ffc058 !default;
-$color-positive-rating: #7ed321 !default;
-$color-default-rating: #999 !default;
-
-/*Sizes*/
-
-//default
-$default-star-width: 20px !default;
-$default-star-height: 20px !default;
-
-$default-star-font-size: 25px !default;
-$default-star-line-height: 25px !default;
-
-$default-label-font-size: 18px !default;
-$default-label-line-height: 18px !default;
-
-//small
-$small-label-font-size: 9.5px !default;
-$small-label-line-height: 9.5px !default;
-
-$small-star-width: 10px !default;
-$small-star-height: 9,
-5px !default;
-
-$small-star-font-size: 11px !default;
-$small-star-line-height: 10px !default;
-
-//medium
-$medium-star-width: $default-star-width;
-$medium-star-height: $default-star-height;
-
-$medium-label-font-size: $default-star-width;
-$medium-label-line-height: $default-star-line-height;
-
-$medium-star-font-size: $default-label-font-size;
-$medium-star-line-height: $default-label-line-height;
-
-//large
-$large-star-width: 35px !default;
-$large-star-height: 33.3px !default;
-
-$large-star-font-size: 36px !default;
-$large-star-line-height: 35px !default;
-
-$large-label-font-size: 28px !default;
-$large-star-line-height: 28px !default;
-
-/*Animation*/
-$default-animation-speed: 0.3s;
-$slow-animation-speed: 0.8s;
-$immediately-animation-type: none;
-$default-animation-type: ease;
-
-/*Icons*/
-$default-star-character-empty: "\2606";
-$default-star-character-half: "\2605";
-$default-star-character-filled: "\2605";
-
-/*Disabled*/
-$disabled-opacity: 0.5;
diff --git a/dist/scss/star-rating.scss b/dist/scss/star-rating.scss
deleted file mode 100644
index 5c1b400..0000000
--- a/dist/scss/star-rating.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@charset "UTF-8";
-
-@import "variables";
-@import "elements";
-@import "modifiers";
-@import "themes";
\ No newline at end of file
| 
| 
| 
| 
|
-
-## Related Projects
-
-| Css | Angular1 (>=1.5)| Angular (>=2) |
-|--- |--- |--- |
-| 
| 
| 
|
-| [Css Star Rating](https://github.com/BioPhoton/css-star-rating) | [Angular1 Star Rating](https://github.com/BioPhoton/angular1-star-rating) | [Angular Star Rating](https://github.com/BioPhoton/angular-star-rating) |
-
-## Demo
-
-- [x] [KSS documentation](https://biophoton.github.io/css-star-rating/)
-
-## Install
-
-**Get Css Star Rating:**
- - clone & build this repository
- - [download as .zip](https://github.com/BioPhoton/css-star-rating/releases)
- - via **[npm](https://www.npmjs.org/)**: by running `$ npm install css-star-rating` from your console
- - via **[bower](https://bower.io/)**: by running `$ bower install css-star-rating` from your console
-
-**Load library**
-```html
-
-```
-
-**Copy asstes (optional)**
-If you want to use svg as icon type copy the
-```star-rating.icons.svg``` image form ```bower_components/css-star-rating/dist/images/star-rating.css``` to your roots assets folder.
-
-**Use it**
-```html
-
-```
-
-
-
-## Css Modifiers
-
-**.value-[N]**:
-The actual star rating value. The color of the stars depends on the rating number
-- .value-0
-- .value-1
-- .value-2
-- .value-3
-- .value-4
-- .value-5
-```html
-
-```
-
-
-**.half**:
-If set, every rating value will have a half star at the end.
-- .half
-
-```html
-
-```
-
-
-
-**text**:
-The text next to the stars.
-- (Just additional HTML)
-
-```html
-
-```
-
-
-**.label-[VISIBILITY]**:
-The position of the label.
-- .label-visible
-- .label-hidden
-
-```html
-
-```
-
-
-
-**.label-[POSITION]**:
-The position of the label.
-- .label-top
-- .label-right
-- .label-bottom
-- .label-left
-
-```html
-
-```
-
-
-
-
-
-**.space**:
-If the start use the whole space or not.
-
-```html
-
-```
-
-
-
-
-**.[SIZE]**:
-The height and width of the stars.
-- .small
-- .medium
-- .large
-```html
-
-```
-
-
-
-
-**color-[COLOR_NAME]**:
-Static color of stars.
-- .color-default
-- .color-negative
-- .color-ok
-- .color-positive
-
-```html
-
-```
-
-
-
-
-
-**.disabled**:
-The click callback is disabled, colors are transparent
-
-```html
-
-```
-
-
-
-**.direction-[DIRECTION]**:
-The direction of the stars and label.
-- .direction-rtl
-- .direction-ltr
-
-```html
-
-```
-
-
-
-**.[ANIMATION_SPEED]**:
-The duration of the animation in ms.
-- .immediately
-- .noticeable
-- .slow
-
-```html
-
-```
-
-
-
-
-**starType**:
-The type of start resource to use.
-- .star-svg
-- .star-icon (star character)
-- .custom-icon (i.e. font-awesome)
-
-```html
-
-```
-
-
-
-
-
-## Themes
-As a bonus there are some themes as classes.
-**theme-[NAME]**:
-The type of start resource to use.
-- .theme-google-places
-- .theme-kununu
-
-```html
-
-```
-
diff --git a/dist/css/star-rating.css b/dist/css/star-rating.css
deleted file mode 100644
index e42addf..0000000
--- a/dist/css/star-rating.css
+++ /dev/null
@@ -1,1065 +0,0 @@
-@charset "UTF-8";
-/*VARIABLES
-====================================================*/
-/*Range*/
-/*Spacing*/
-/*Colors*/
-/*Sizes*/
-/*Animation*/
-/*Icons*/
-/*Disabled*/
-/*CSS Star Rating Elements
-=================================================================*/
-/*HELPER*/
-.center-all {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
-}
-
-/*
-Star element
-==================================================================*/
-.star {
- position: relative;
- width: 20px;
- height: 20px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- /*
- Fill states
- ==================================================================*/
- /*
- Colors
- ==================================================================*/
- /*
- Icon Types
- ==================================================================*/
- /*
- Star Size
- ===================================================================*/
- /*
-Disabled
-=================================================*/
- /*
- Direction
- =================================================*/
-}
-
-.star svg, .star i {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- font-style: normal;
-}
-
-.star svg.star-half, .star svg.star-filled, .star i.star-half, .star i.star-filled {
- opacity: 0;
-}
-
-.star i {
- top: 1px;
- display: none;
-}
-
-.star.icon i, .star.rating.star-icon i {
- font-size: 25px;
- line-height: 25px;
-}
-
-.star.icon i.star-empty:before, .star.rating.star-icon i.star-empty:before {
- content: "☆";
-}
-
-.star.icon i.star-half:before, .star.rating.star-icon i.star-half:before {
- content: "★";
-}
-
-.star.icon i.star-filled:before, .star.rating.star-icon i.star-filled:before {
- content: "★";
-}
-
-.star.custom-icon i, .star.rating.star-custom-icon i, .rating.theme-kununu .star-container .star i {
- font-size: 18px;
- line-height: 18px;
-}
-
-.star.empty svg.star-half, .star.empty svg.star-filled, .star.empty i.star-half, .star.empty i.star-filled {
- opacity: 0;
-}
-
-.star.empty svg.star-empty, .star.empty i.star-empty {
- opacity: 1;
-}
-
-.star.half svg.star-filled, .rating.value-0.half .star:nth-child(1) svg.star-filled, .rating.value-1.half .star-container .star:nth-child(2) svg.star-filled, .rating.value-2.half .star-container .star:nth-child(3) svg.star-filled, .rating.value-3.half .star-container .star:nth-child(4) svg.star-filled, .rating.value-4.half .star-container .star:nth-child(5) svg.star-filled, .rating.value-5.half .star-container .star:nth-child(6) svg.star-filled, .star.half svg.star-empty, .rating.value-0.half .star:nth-child(1) svg.star-empty, .rating.value-1.half .star-container .star:nth-child(2) svg.star-empty, .rating.value-2.half .star-container .star:nth-child(3) svg.star-empty, .rating.value-3.half .star-container .star:nth-child(4) svg.star-empty, .rating.value-4.half .star-container .star:nth-child(5) svg.star-empty, .rating.value-5.half .star-container .star:nth-child(6) svg.star-empty, .star.half i.star-filled, .rating.value-0.half .star:nth-child(1) i.star-filled, .rating.value-1.half .star-container .star:nth-child(2) i.star-filled, .rating.value-2.half .star-container .star:nth-child(3) i.star-filled, .rating.value-3.half .star-container .star:nth-child(4) i.star-filled, .rating.value-4.half .star-container .star:nth-child(5) i.star-filled, .rating.value-5.half .star-container .star:nth-child(6) i.star-filled, .star.half i.star-empty, .rating.value-0.half .star:nth-child(1) i.star-empty, .rating.value-1.half .star-container .star:nth-child(2) i.star-empty, .rating.value-2.half .star-container .star:nth-child(3) i.star-empty, .rating.value-3.half .star-container .star:nth-child(4) i.star-empty, .rating.value-4.half .star-container .star:nth-child(5) i.star-empty, .rating.value-5.half .star-container .star:nth-child(6) i.star-empty {
- opacity: 0;
-}
-
-.star.half svg.star-half, .rating.value-0.half .star:nth-child(1) svg.star-half, .rating.value-1.half .star-container .star:nth-child(2) svg.star-half, .rating.value-2.half .star-container .star:nth-child(3) svg.star-half, .rating.value-3.half .star-container .star:nth-child(4) svg.star-half, .rating.value-4.half .star-container .star:nth-child(5) svg.star-half, .rating.value-5.half .star-container .star:nth-child(6) svg.star-half, .star.half i.star-half, .rating.value-0.half .star:nth-child(1) i.star-half, .rating.value-1.half .star-container .star:nth-child(2) i.star-half, .rating.value-2.half .star-container .star:nth-child(3) i.star-half, .rating.value-3.half .star-container .star:nth-child(4) i.star-half, .rating.value-4.half .star-container .star:nth-child(5) i.star-half, .rating.value-5.half .star-container .star:nth-child(6) i.star-half {
- opacity: 1;
-}
-
-.star.filled svg.star-empty, .rating.value-1 .star-container .star:nth-child(-n+1) svg.star-empty, .rating.value-2 .star-container .star:nth-child(-n+2) svg.star-empty, .rating.value-3 .star-container .star:nth-child(-n+3) svg.star-empty, .rating.value-4 .star-container .star:nth-child(-n+4) svg.star-empty, .rating.value-5 .star-container .star:nth-child(-n+5) svg.star-empty, .rating.value-6 .star-container .star:nth-child(-n+6) svg.star-empty, .rating.value-7 .star-container .star:nth-child(-n+7) svg.star-empty, .rating.value-8 .star-container .star:nth-child(-n+8) svg.star-empty, .rating.value-9 .star-container .star:nth-child(-n+9) svg.star-empty, .rating.value-10 .star-container .star:nth-child(-n+10) svg.star-empty, .rating.value-11 .star-container .star:nth-child(-n+11) svg.star-empty, .rating.value-12 .star-container .star:nth-child(-n+12) svg.star-empty, .star.filled svg.star-filled, .rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled, .rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled, .rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled, .rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled, .rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled, .rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled, .rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled, .rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled, .rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled, .rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled, .rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled, .rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled, .star.filled i.star-empty, .rating.value-1 .star-container .star:nth-child(-n+1) i.star-empty, .rating.value-2 .star-container .star:nth-child(-n+2) i.star-empty, .rating.value-3 .star-container .star:nth-child(-n+3) i.star-empty, .rating.value-4 .star-container .star:nth-child(-n+4) i.star-empty, .rating.value-5 .star-container .star:nth-child(-n+5) i.star-empty, .rating.value-6 .star-container .star:nth-child(-n+6) i.star-empty, .rating.value-7 .star-container .star:nth-child(-n+7) i.star-empty, .rating.value-8 .star-container .star:nth-child(-n+8) i.star-empty, .rating.value-9 .star-container .star:nth-child(-n+9) i.star-empty, .rating.value-10 .star-container .star:nth-child(-n+10) i.star-empty, .rating.value-11 .star-container .star:nth-child(-n+11) i.star-empty, .rating.value-12 .star-container .star:nth-child(-n+12) i.star-empty, .star.filled i.star-filled, .rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled, .rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled, .rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled, .rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled, .rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled, .rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled, .rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled, .rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled, .rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled, .rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled, .rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled, .rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled {
- opacity: 0;
-}
-
-.star.filled svg.star-filled, .rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled, .rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled, .rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled, .rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled, .rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled, .rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled, .rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled, .rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled, .rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled, .rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled, .rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled, .rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled, .star.filled i.star-filled, .rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled, .rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled, .rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled, .rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled, .rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled, .rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled, .rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled, .rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled, .rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled, .rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled, .rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled, .rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled {
- opacity: 1;
-}
-
-.star.default svg, .star-container .star svg {
- fill: #999;
-}
-
-.star.default i, .star-container .star i {
- color: #999;
-}
-
-.star.negative svg, .rating.value-0.half .star svg, .rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star svg, .rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star svg, .rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star svg, .rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star svg, .rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star svg {
- fill: #f03c56;
-}
-
-.star.negative i, .rating.value-0.half .star i, .rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star i, .rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star i, .rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star i, .rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star i, .rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star i {
- color: #f03c56;
-}
-
-.star.ok svg {
- fill: #ffc058;
-}
-
-.star.ok i {
- color: #ffc058;
-}
-
-.star.positive svg, .rating.value-6 .star-container .star svg, .rating.value-7 .star-container .star svg, .rating.value-8 .star-container .star svg, .rating.value-9 .star-container .star svg, .rating.value-10 .star-container .star svg, .rating.value-11 .star-container .star svg, .rating.value-12 .star-container .star svg {
- fill: #7ed321;
-}
-
-.star.positive i, .rating.value-6 .star-container .star i, .rating.value-7 .star-container .star i, .rating.value-8 .star-container .star i, .rating.value-9 .star-container .star i, .rating.value-10 .star-container .star i, .rating.value-11 .star-container .star i, .rating.value-12 .star-container .star i {
- color: #7ed321;
-}
-
-.star.svg i, .star.rating.star-svg i {
- display: none;
-}
-
-.star.svg svg, .star.rating.star-svg svg {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.star.custom-icon svg, .star.rating.star-custom-icon svg, .rating.theme-kununu .star-container .star svg, .star.icon svg, .star.rating.star-icon svg {
- display: none;
-}
-
-.star.custom-icon i, .star.rating.star-custom-icon i, .rating.theme-kununu .star-container .star i, .star.icon i, .star.rating.star-icon i {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.star.small, .rating.small .star {
- width: 10px;
- height: 9, 5px;
-}
-
-.star.small i, .rating.small .star i {
- font-size: 11px;
- line-height: 10px;
-}
-
-.star.medium, .rating.medium .star {
- width: 20px;
- height: 20px;
-}
-
-.star.medium i, .rating.medium .star i {
- font-size: 25px;
- line-height: 25px;
-}
-
-.star.large, .rating.large .star {
- width: 35px;
- height: 33.3px;
-}
-
-.star.large i, .rating.large .star i {
- font-size: 36px;
- line-height: 35px;
-}
-
-.star.disabled, .rating.disabled .star.label-value, .rating.disabled .star-container .star {
- opacity: 0.5;
-}
-
-.star.direction-rtl svg.star-half, .star-container.direction-rtl .star svg.star-half, .rating.direction-rtl .star-container .star svg.star-half, .star.direction-rtl i.star-half, .star-container.direction-rtl .star i.star-half, .rating.direction-rtl .star-container .star i.star-half {
- -webkit-transform: scale(-1, 1);
- -moz-transform: scale(-1, 1);
- -ms-transform: scale(-1, 1);
- transform: scale(-1, 1);
-}
-
-.star.direction-ltr svg.star-half, .star-container.direction-ltr .star svg.star-half, .star.direction-ltr i.star-half, .star-container.direction-ltr .star i.star-half {
- -webkit-transform: scale(1, 1);
- -moz-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
-}
-
-/*
-Label Element
-===================================================================*/
-.label-value {
- font-size: 18px;
- line-height: 18px;
- /*
- Sizes
- =================================================================*/
- /*
- Disabled
- =================================================*/
-}
-
-.label-value.small, .rating.small .label-value {
- font-size: 9.5px;
- line-height: 9.5px;
-}
-
-.label-value.medium, .rating.medium .label-value {
- font-size: 18px;
- line-height: 25px;
-}
-
-.label-value.large, .rating.large .label-value {
- font-size: 28px;
- line-height: 35px;
-}
-
-.label-value.disabled, .rating.disabled .label-value {
- opacity: 0.5;
-}
-
-/*
-Star Container
-==================================================================*/
-.star-container {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -moz-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin-left: 5px;
- margin-right: 5px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- /*
- Direction
- ===================================================*/
- /*
- Space
- ======================================================*/
-}
-
-.star-container + .star {
- margin-left: 5px;
-}
-
-.star-container .star {
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
-}
-
-.star-container .star svg, .star-container .star i {
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
-}
-
-.star-container svg {
- z-index: 2;
-}
-
-.star-container i {
- z-index: 1;
-}
-
-.star-container.direction-rtl, .star-container.direction-rtl .star-container.star, .rating.direction-rtl .star-container {
- direction: rtl;
-}
-
-.star-container.direction-ltr, .star-container.direction-ltr .star-container.star {
- direction: ltr;
-}
-
-.star-container.space-no, .rating.space-no .star-container {
- -webkit-box-flex: 1;
- -webkit-flex: 1 1 auto;
- -moz-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
-}
-
-.star-container.space-between, .rating.space-between .star-container {
- -webkit-box-flex: 1;
- -webkit-flex: 1 1 auto;
- -moz-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -moz-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-
-.star-container.space-around, .rating.space-around .star-container {
- -webkit-box-flex: 1;
- -webkit-flex: 1 1 auto;
- -moz-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-justify-content: space-around;
- -ms-flex-pack: distribute;
- justify-content: space-around;
-}
-
-/*
-Rating Component
-========================================================================= */
-.rating {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin-bottom: 5px;
- /*Rating Value
- ====================================================*/
- /*Hover states
- ====================================================*/
- /*Half stars
- ====================================================*/
- /*Label Visible
- ====================================================*/
- /*Label Position
- ====================================================*/
- /*
- Direction
- ===================================================*/
- /* Star Type
- ====================================================*/
- /* Sizes
- ==========================================================*/
- /* Space
- ====================================================*/
- /* Static Color
- ====================================================*/
- /*Disabled
- ====================================================*/
- /*AnimationSpeed
- ====================================================*/
-}
-
-.rating.value-1 .star-container .star svg {
- fill: #f03c56;
-}
-
-.rating.value-1 .star-container .star i {
- color: #f03c56;
-}
-
-.rating.value-2 .star-container .star svg {
- fill: #f03c56;
-}
-
-.rating.value-2 .star-container .star i {
- color: #f03c56;
-}
-
-.rating.value-3 .star-container .star svg {
- fill: #ffc058;
-}
-
-.rating.value-3 .star-container .star i {
- color: #ffc058;
-}
-
-.rating.value-4 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.value-4 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.value-5 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.value-5 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.value-6 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.value-6 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.hover:hover.value-1.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-1:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-1.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-1:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-1 .star-container .star.star-half, .rating.hover:hover.hover-1 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-1.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-1:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-1 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-empty, .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled, .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-empty, .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled, .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-1 .star-container .star svg {
- fill: #f03c56;
-}
-
-.rating.hover:hover.hover-1 .star-container .star i {
- color: #f03c56;
-}
-
-.rating.hover:hover.value-2.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-2:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-2.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-2:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-2 .star-container .star.star-half, .rating.hover:hover.hover-2 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-2.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-2:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-2 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-empty, .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled, .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-empty, .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled, .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-2 .star-container .star svg {
- fill: #f03c56;
-}
-
-.rating.hover:hover.hover-2 .star-container .star i {
- color: #f03c56;
-}
-
-.rating.hover:hover.value-3.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-3:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-3.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-3:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-3 .star-container .star.star-half, .rating.hover:hover.hover-3 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-3.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-3:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-3 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-empty, .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled, .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-empty, .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled, .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-3 .star-container .star svg {
- fill: #ffc058;
-}
-
-.rating.hover:hover.hover-3 .star-container .star i {
- color: #ffc058;
-}
-
-.rating.hover:hover.value-4.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-4:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-4.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-4:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-4 .star-container .star.star-half, .rating.hover:hover.hover-4 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-4.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-4:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-4 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-empty, .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled, .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-empty, .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled, .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-4 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.hover:hover.hover-4 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.hover:hover.value-5.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-5:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-5.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-5:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-5 .star-container .star.star-half, .rating.hover:hover.hover-5 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-5.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-5:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-5 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-empty, .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled, .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-empty, .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled, .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-5 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.hover:hover.hover-5 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.hover:hover.value-6.half .star-container .star.star-half, .rating.value-0.half .rating.hover.star:hover.value-6:nth-child(1) .star-container .star.star-half, .rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-half, .rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-half, .rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-half, .rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-half, .rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-half, .rating.hover:hover.value-6.half .star-container .star.star-filled, .rating.value-0.half .rating.hover.star:hover.value-6:nth-child(1) .star-container .star.star-filled, .rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-filled, .rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-filled, .rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-filled, .rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-filled, .rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-filled, .rating.hover:hover.hover-6 .star-container .star.star-half, .rating.hover:hover.hover-6 .star-container .star.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.value-6.half .star-container .star.star-empty, .rating.value-0.half .rating.hover.star:hover.value-6:nth-child(1) .star-container .star.star-empty, .rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-empty, .rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-empty, .rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-empty, .rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-empty, .rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-empty, .rating.hover:hover.hover-6 .star-container .star.star-empty {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-empty, .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled, .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-empty, .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled {
- opacity: 0;
-}
-
-.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled, .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled {
- opacity: 1;
-}
-
-.rating.hover:hover.hover-6 .star-container .star svg {
- fill: #7ed321;
-}
-
-.rating.hover:hover.hover-6 .star-container .star i {
- color: #7ed321;
-}
-
-.rating.label-hidden .label-value {
- display: none;
-}
-
-.rating.label-visible {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.rating.label-top {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -moz-box-orient: vertical;
- -moz-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-
-.rating.label-top .label-value + .star-container {
- margin-left: 0;
- margin-right: 0;
- margin-top: 5px;
-}
-
-.rating.label-left .label-value {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -moz-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
-}
-
-.rating.label-left .label-value + .star-container {
- margin-left: 5px;
- margin-right: 0;
-}
-
-.rating.label-right {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: reverse;
- -webkit-flex-direction: row-reverse;
- -moz-box-orient: horizontal;
- -moz-box-direction: reverse;
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
-}
-
-.rating.label-right .label-value + .star-container {
- margin-left: 0;
- margin-right: 5px;
-}
-
-.rating.label-bottom {
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -webkit-flex-direction: column-reverse;
- -moz-box-orient: vertical;
- -moz-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
-}
-
-.rating.label-bottom .label-value + .star-container {
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 5px;
-}
-
-.rating.direction-rtl, .star-container.direction-rtl .rating.star, .rating.direction-rtl .star-container .rating.star {
- direction: rtl;
-}
-
-.rating.direction-ltr, .star-container.direction-ltr .rating.star {
- direction: ltr;
-}
-
-.rating.color-default .star-container .star svg {
- fill: #999 !important;
-}
-
-.rating.color-default .star-container .star i {
- color: #999 !important;
-}
-
-.rating.color-ok .star-container .star svg {
- fill: #ffc058 !important;
-}
-
-.rating.color-ok .star-container .star i {
- color: #ffc058 !important;
-}
-
-.rating.color-positive .star-container .star svg {
- fill: #7ed321 !important;
-}
-
-.rating.color-positive .star-container .star i {
- color: #7ed321 !important;
-}
-
-.rating.color-negative .star-container .star svg {
- fill: #f03c56 !important;
-}
-
-.rating.color-negative .star-container .star i {
- color: #f03c56 !important;
-}
-
-.rating.immediately .star-container {
- -webkit-transition: all none;
- -moz-transition: all none;
- transition: all none;
-}
-
-.rating.immediately .star-container .star {
- -webkit-transition: none;
- -moz-transition: none;
- transition: none;
-}
-
-.rating.immediately .star-container .star svg, .rating.immediately .star-container .star i {
- -webkit-transition: none;
- -moz-transition: none;
- transition: none;
-}
-
-.rating.noticeable .star-container {
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
-}
-
-.rating.noticeable .star-container .star {
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
-}
-
-.rating.noticeable .star-container .star svg, .rating.noticeable .star-container .star i {
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
-}
-
-.rating.slow .star-container {
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
-}
-
-.rating.slow .star-container .star {
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
-}
-
-.rating.slow .star-container .star svg, .rating.slow .star-container .star i {
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
-}
-
-/*theme modifiers
-====================================================*/
-.rating.theme-kununu {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -moz-box-orient: vertical;
- -moz-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- width: 78px;
-}
-
-.rating.theme-kununu .label-value,
-.rating.theme-kununu .star-container {
- width: 100%;
-}
-
-.rating.theme-kununu .label-value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- border-radius: 6px 6px 0 0;
- height: 50px;
- border: 1px solid #e9ecec;
- border-bottom: 0px;
- font-size: 18px;
- font-weight: bold;
- color: #2f3940;
- letter-spacing: -1px;
- background-color: #f8f8f8;
-}
-
-.rating.theme-kununu .star-container {
- border-radius: 0 0 6px 6px;
- padding: 2px 0 4px 0;
- margin-left: 0px;
- margin-right: 0px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- background-color: #99c613;
- border: 1px solid #99c613;
- border-bottom: 0px;
-}
-
-.rating.theme-kununu .star-container .star {
- height: 11px;
- width: 11px;
-}
-
-.rating.theme-kununu .star-container .star i {
- font-size: 11px;
- color: #fff;
- text-align: center;
-}
-
-.rating.theme-google-places .label-value {
- color: #e7711b;
- font-family: arial, sans-serif;
- font-size: 13px;
- line-height: 15px;
-}
-
-.rating.theme-google-places .star-container {
- width: 65px;
- margin-left: 2px;
-}
-
-.rating.theme-google-places .star-container .star i {
- font-size: 17px;
- color: #e7711b !important;
-}
-
-.rating.theme-google-places .star-container .star i.star-empty {
- opacity: 1 !important;
- color: #e1e1e1 !important;
-}
-
-.rating.theme-google-places .star-container .star i.star-empty:before {
- content: "★";
-}
-
-.rating.theme-google-places .star-container .star i.star-half {
- width: 7px;
- overflow: hidden;
-}
-
-.rating.theme-google-places .star-container .star i.star-half:before {
- content: "★";
-}
-
-.rating.theme-google-places .star-container .star i.star-filled:before {
- content: "★";
-}
-
-.rating.theme-rolling-stars .star-container .star {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
-}
-
-.rating.theme-rolling-stars.value-1 .star-container .star:nth-child(-n+1) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-2 .star-container .star:nth-child(-n+2) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-3 .star-container .star:nth-child(-n+3) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-4 .star-container .star:nth-child(-n+4) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-5 .star-container .star:nth-child(-n+5) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-6 .star-container .star:nth-child(-n+6) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-0.half .star:nth-child(1), .rating.value-0.half .rating.theme-rolling-stars.value-0.star:nth-child(1) .star:nth-child(1), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(2) .star:nth-child(1), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(3) .star:nth-child(1), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(4) .star:nth-child(1), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(5) .star:nth-child(1), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(6) .star:nth-child(1) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-1.half .star-container .star:nth-child(2), .rating.value-0.half .rating.theme-rolling-stars.value-1.star:nth-child(1) .star-container .star:nth-child(2), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(2) .star-container .star:nth-child(2), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(3) .star-container .star:nth-child(2), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(4) .star-container .star:nth-child(2), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(5) .star-container .star:nth-child(2), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(6) .star-container .star:nth-child(2) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-2.half .star-container .star:nth-child(3), .rating.value-0.half .rating.theme-rolling-stars.value-2.star:nth-child(1) .star-container .star:nth-child(3), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(2) .star-container .star:nth-child(3), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(3) .star-container .star:nth-child(3), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(4) .star-container .star:nth-child(3), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(5) .star-container .star:nth-child(3), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(6) .star-container .star:nth-child(3) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-3.half .star-container .star:nth-child(4), .rating.value-0.half .rating.theme-rolling-stars.value-3.star:nth-child(1) .star-container .star:nth-child(4), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(2) .star-container .star:nth-child(4), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(3) .star-container .star:nth-child(4), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(4) .star-container .star:nth-child(4), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(5) .star-container .star:nth-child(4), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(6) .star-container .star:nth-child(4) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-4.half .star-container .star:nth-child(5), .rating.value-0.half .rating.theme-rolling-stars.value-4.star:nth-child(1) .star-container .star:nth-child(5), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(2) .star-container .star:nth-child(5), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(3) .star-container .star:nth-child(5), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(4) .star-container .star:nth-child(5), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(5) .star-container .star:nth-child(5), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(6) .star-container .star:nth-child(5) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
-
-.rating.theme-rolling-stars.value-5.half .star-container .star:nth-child(6), .rating.value-0.half .rating.theme-rolling-stars.value-5.star:nth-child(1) .star-container .star:nth-child(6), .rating.value-1.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(2) .star-container .star:nth-child(6), .rating.value-2.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(3) .star-container .star:nth-child(6), .rating.value-3.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(4) .star-container .star:nth-child(6), .rating.value-4.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(5) .star-container .star:nth-child(6), .rating.value-5.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(6) .star-container .star:nth-child(6) {
- -webkit-transition: -webkit-transform 1s;
- transition: -webkit-transform 1s;
- -moz-transition: transform 1s, -moz-transform 1s;
- transition: transform 1s;
- transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
-}
diff --git a/dist/css/star-rating.min.css b/dist/css/star-rating.min.css
deleted file mode 100644
index 5aa4968..0000000
--- a/dist/css/star-rating.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.center-all,.star{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.star{position:relative;width:20px;height:20px}.star i,.star svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-style:normal}.star i.star-filled,.star i.star-half,.star svg.star-filled,.star svg.star-half{opacity:0}.star i{top:1px;display:none}.star.icon i,.star.rating.star-icon i{font-size:25px;line-height:25px}.star.icon i.star-empty:before,.star.rating.star-icon i.star-empty:before{content:"☆"}.star.icon i.star-filled:before,.star.icon i.star-half:before,.star.rating.star-icon i.star-filled:before,.star.rating.star-icon i.star-half:before{content:"★"}.rating.theme-kununu .star-container .star i,.star.custom-icon i,.star.rating.star-custom-icon i{font-size:18px;line-height:18px}.star.empty i.star-filled,.star.empty i.star-half,.star.empty svg.star-filled,.star.empty svg.star-half{opacity:0}.star.empty i.star-empty,.star.empty svg.star-empty{opacity:1}.rating.value-0.half .star:first-child i.star-empty,.rating.value-0.half .star:first-child i.star-filled,.rating.value-0.half .star:first-child svg.star-empty,.rating.value-0.half .star:first-child svg.star-filled,.rating.value-1.half .star-container .star:nth-child(2) i.star-empty,.rating.value-1.half .star-container .star:nth-child(2) i.star-filled,.rating.value-1.half .star-container .star:nth-child(2) svg.star-empty,.rating.value-1.half .star-container .star:nth-child(2) svg.star-filled,.rating.value-2.half .star-container .star:nth-child(3) i.star-empty,.rating.value-2.half .star-container .star:nth-child(3) i.star-filled,.rating.value-2.half .star-container .star:nth-child(3) svg.star-empty,.rating.value-2.half .star-container .star:nth-child(3) svg.star-filled,.rating.value-3.half .star-container .star:nth-child(4) i.star-empty,.rating.value-3.half .star-container .star:nth-child(4) i.star-filled,.rating.value-3.half .star-container .star:nth-child(4) svg.star-empty,.rating.value-3.half .star-container .star:nth-child(4) svg.star-filled,.rating.value-4.half .star-container .star:nth-child(5) i.star-empty,.rating.value-4.half .star-container .star:nth-child(5) i.star-filled,.rating.value-4.half .star-container .star:nth-child(5) svg.star-empty,.rating.value-4.half .star-container .star:nth-child(5) svg.star-filled,.rating.value-5.half .star-container .star:nth-child(6) i.star-empty,.rating.value-5.half .star-container .star:nth-child(6) i.star-filled,.rating.value-5.half .star-container .star:nth-child(6) svg.star-empty,.rating.value-5.half .star-container .star:nth-child(6) svg.star-filled,.star.half i.star-empty,.star.half i.star-filled,.star.half svg.star-empty,.star.half svg.star-filled{opacity:0}.rating.value-0.half .star:first-child i.star-half,.rating.value-0.half .star:first-child svg.star-half,.rating.value-1.half .star-container .star:nth-child(2) i.star-half,.rating.value-1.half .star-container .star:nth-child(2) svg.star-half,.rating.value-2.half .star-container .star:nth-child(3) i.star-half,.rating.value-2.half .star-container .star:nth-child(3) svg.star-half,.rating.value-3.half .star-container .star:nth-child(4) i.star-half,.rating.value-3.half .star-container .star:nth-child(4) svg.star-half,.rating.value-4.half .star-container .star:nth-child(5) i.star-half,.rating.value-4.half .star-container .star:nth-child(5) svg.star-half,.rating.value-5.half .star-container .star:nth-child(6) i.star-half,.rating.value-5.half .star-container .star:nth-child(6) svg.star-half,.star.half i.star-half,.star.half svg.star-half{opacity:1}.rating.value-1 .star-container .star:nth-child(-n+1) i.star-empty,.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-empty,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-empty,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-empty,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-empty,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-empty,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-empty,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-empty,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-empty,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-empty,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-empty,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-empty,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-empty,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-empty,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-empty,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-empty,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-empty,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-empty,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-empty,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-empty,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-empty,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-empty,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-empty,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-empty,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,.star.filled i.star-empty,.star.filled i.star-filled,.star.filled svg.star-empty,.star.filled svg.star-filled{opacity:0}.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,.star.filled i.star-filled,.star.filled svg.star-filled{opacity:1}.star-container .star svg,.star.default svg{fill:#999}.star-container .star i,.star.default i{color:#999}.rating.value-0.half .star svg,.rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star svg,.rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star svg,.rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star svg,.rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star svg,.rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star svg,.star.negative svg{fill:#f03c56}.rating.value-0.half .star i,.rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star i,.rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star i,.rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star i,.rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star i,.rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star i,.star.negative i{color:#f03c56}.star.ok svg{fill:#ffc058}.star.ok i{color:#ffc058}.rating.value-6 .star-container .star svg,.rating.value-7 .star-container .star svg,.rating.value-8 .star-container .star svg,.rating.value-9 .star-container .star svg,.rating.value-10 .star-container .star svg,.rating.value-11 .star-container .star svg,.rating.value-12 .star-container .star svg,.star.positive svg{fill:#7ed321}.rating.value-6 .star-container .star i,.rating.value-7 .star-container .star i,.rating.value-8 .star-container .star i,.rating.value-9 .star-container .star i,.rating.value-10 .star-container .star i,.rating.value-11 .star-container .star i,.rating.value-12 .star-container .star i,.star.positive i{color:#7ed321}.star.rating.star-svg i,.star.svg i{display:none}.star.rating.star-svg svg,.star.svg svg{display:-ms-flexbox;display:flex}.rating.theme-kununu .star-container .star svg,.star.custom-icon svg,.star.icon svg,.star.rating.star-custom-icon svg,.star.rating.star-icon svg{display:none}.rating.theme-kununu .star-container .star i,.star.custom-icon i,.star.icon i,.star.rating.star-custom-icon i,.star.rating.star-icon i{display:-ms-flexbox;display:flex}.rating.small .star,.star.small{width:10px;height:9,5px}.rating.small .star i,.star.small i{font-size:11px;line-height:10px}.rating.medium .star,.star.medium{width:20px;height:20px}.rating.medium .star i,.star.medium i{font-size:25px;line-height:25px}.rating.large .star,.star.large{width:35px;height:33.3px}.rating.large .star i,.star.large i{font-size:36px;line-height:35px}.rating.disabled .star-container .star,.rating.disabled .star.label-value,.star.disabled{opacity:.5}.rating.direction-rtl .star-container .star i.star-half,.rating.direction-rtl .star-container .star svg.star-half,.star-container.direction-rtl .star i.star-half,.star-container.direction-rtl .star svg.star-half,.star.direction-rtl i.star-half,.star.direction-rtl svg.star-half{transform:scaleX(-1)}.star-container.direction-ltr .star i.star-half,.star-container.direction-ltr .star svg.star-half,.star.direction-ltr i.star-half,.star.direction-ltr svg.star-half{transform:scale(1)}.label-value{font-size:18px;line-height:18px}.label-value.small,.rating.small .label-value{font-size:9.5px;line-height:9.5px}.label-value.medium,.rating.medium .label-value{font-size:18px;line-height:25px}.label-value.large,.rating.large .label-value{font-size:28px;line-height:35px}.label-value.disabled,.rating.disabled .label-value{opacity:.5}.star-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:center;justify-content:center;margin-left:5px;margin-right:5px;transition:all .3s ease}.star-container+.star{margin-left:5px}.star-container .star,.star-container .star i,.star-container .star svg{transition:all .3s ease}.star-container svg{z-index:2}.star-container i{z-index:1}.rating.direction-rtl .star-container,.star-container.direction-rtl,.star-container.direction-rtl .star-container.star{direction:rtl}.star-container.direction-ltr,.star-container.direction-ltr .star-container.star{direction:ltr}.rating.space-no .star-container,.star-container.space-no{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:center;justify-content:center}.rating.space-between .star-container,.star-container.space-between{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:justify;justify-content:space-between}.rating.space-around .star-container,.star-container.space-around{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:distribute;justify-content:space-around}.rating{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:5px}.rating.value-1 .star-container .star svg{fill:#f03c56}.rating.value-1 .star-container .star i{color:#f03c56}.rating.value-2 .star-container .star svg{fill:#f03c56}.rating.value-2 .star-container .star i{color:#f03c56}.rating.value-3 .star-container .star svg{fill:#ffc058}.rating.value-3 .star-container .star i{color:#ffc058}.rating.value-4 .star-container .star svg{fill:#7ed321}.rating.value-4 .star-container .star i{color:#7ed321}.rating.value-5 .star-container .star svg{fill:#7ed321}.rating.value-5 .star-container .star i{color:#7ed321}.rating.value-6 .star-container .star svg{fill:#7ed321}.rating.value-6 .star-container .star i{color:#7ed321}.rating.hover:hover.hover-1 .star-container .star.star-filled,.rating.hover:hover.hover-1 .star-container .star.star-half,.rating.hover:hover.value-1.half .star-container .star.star-filled,.rating.hover:hover.value-1.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-1 .star-container .star.star-empty,.rating.hover:hover.value-1.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-empty,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-empty,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled{opacity:0}.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled{opacity:1}.rating.hover:hover.hover-1 .star-container .star svg{fill:#f03c56}.rating.hover:hover.hover-1 .star-container .star i{color:#f03c56}.rating.hover:hover.hover-2 .star-container .star.star-filled,.rating.hover:hover.hover-2 .star-container .star.star-half,.rating.hover:hover.value-2.half .star-container .star.star-filled,.rating.hover:hover.value-2.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-2 .star-container .star.star-empty,.rating.hover:hover.value-2.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-empty,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-empty,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled{opacity:0}.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled{opacity:1}.rating.hover:hover.hover-2 .star-container .star svg{fill:#f03c56}.rating.hover:hover.hover-2 .star-container .star i{color:#f03c56}.rating.hover:hover.hover-3 .star-container .star.star-filled,.rating.hover:hover.hover-3 .star-container .star.star-half,.rating.hover:hover.value-3.half .star-container .star.star-filled,.rating.hover:hover.value-3.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-3 .star-container .star.star-empty,.rating.hover:hover.value-3.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-empty,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-empty,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled{opacity:0}.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled{opacity:1}.rating.hover:hover.hover-3 .star-container .star svg{fill:#ffc058}.rating.hover:hover.hover-3 .star-container .star i{color:#ffc058}.rating.hover:hover.hover-4 .star-container .star.star-filled,.rating.hover:hover.hover-4 .star-container .star.star-half,.rating.hover:hover.value-4.half .star-container .star.star-filled,.rating.hover:hover.value-4.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-4 .star-container .star.star-empty,.rating.hover:hover.value-4.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-empty,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-empty,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled{opacity:0}.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled{opacity:1}.rating.hover:hover.hover-4 .star-container .star svg{fill:#7ed321}.rating.hover:hover.hover-4 .star-container .star i{color:#7ed321}.rating.hover:hover.hover-5 .star-container .star.star-filled,.rating.hover:hover.hover-5 .star-container .star.star-half,.rating.hover:hover.value-5.half .star-container .star.star-filled,.rating.hover:hover.value-5.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-5 .star-container .star.star-empty,.rating.hover:hover.value-5.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-empty,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-empty,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled{opacity:0}.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled{opacity:1}.rating.hover:hover.hover-5 .star-container .star svg{fill:#7ed321}.rating.hover:hover.hover-5 .star-container .star i{color:#7ed321}.rating.hover:hover.hover-6 .star-container .star.star-filled,.rating.hover:hover.hover-6 .star-container .star.star-half,.rating.hover:hover.value-6.half .star-container .star.star-filled,.rating.hover:hover.value-6.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-half{opacity:0}.rating.hover:hover.hover-6 .star-container .star.star-empty,.rating.hover:hover.value-6.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-empty{opacity:1}.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-empty,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-empty,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled{opacity:0}.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled{opacity:1}.rating.hover:hover.hover-6 .star-container .star svg{fill:#7ed321}.rating.hover:hover.hover-6 .star-container .star i{color:#7ed321}.rating.label-hidden .label-value{display:none}.rating.label-visible{display:-ms-flexbox;display:flex}.rating.label-top{-ms-flex-direction:column;flex-direction:column}.rating.label-top .label-value+.star-container{margin-left:0;margin-right:0;margin-top:5px}.rating.label-left .label-value{-ms-flex:0 0 auto;flex:0 0 auto}.rating.label-left .label-value+.star-container{margin-left:5px;margin-right:0}.rating.label-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rating.label-right .label-value+.star-container{margin-left:0;margin-right:5px}.rating.label-bottom{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.rating.label-bottom .label-value+.star-container{margin-left:0;margin-right:0;margin-bottom:5px}.rating.direction-rtl,.rating.direction-rtl .star-container .rating.star,.star-container.direction-rtl .rating.star{direction:rtl}.rating.direction-ltr,.star-container.direction-ltr .rating.star{direction:ltr}.rating.color-default .star-container .star svg{fill:#999!important}.rating.color-default .star-container .star i{color:#999!important}.rating.color-ok .star-container .star svg{fill:#ffc058!important}.rating.color-ok .star-container .star i{color:#ffc058!important}.rating.color-positive .star-container .star svg{fill:#7ed321!important}.rating.color-positive .star-container .star i{color:#7ed321!important}.rating.color-negative .star-container .star svg{fill:#f03c56!important}.rating.color-negative .star-container .star i{color:#f03c56!important}.rating.immediately .star-container{transition:all none}.rating.immediately .star-container .star,.rating.immediately .star-container .star i,.rating.immediately .star-container .star svg{transition:none}.rating.noticeable .star-container,.rating.noticeable .star-container .star,.rating.noticeable .star-container .star i,.rating.noticeable .star-container .star svg{transition:all .3s ease}.rating.slow .star-container,.rating.slow .star-container .star,.rating.slow .star-container .star i,.rating.slow .star-container .star svg{transition:all .8s ease}.rating.theme-kununu{-ms-flex-direction:column;flex-direction:column;width:78px}.rating.theme-kununu .label-value,.rating.theme-kununu .star-container{width:100%}.rating.theme-kununu .label-value{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:6px 6px 0 0;height:50px;border:1px solid #e9ecec;border-bottom:0;font-size:18px;font-weight:700;color:#2f3940;letter-spacing:-1px;background-color:#f8f8f8}.rating.theme-kununu .star-container{border-radius:0 0 6px 6px;padding:2px 0 4px;margin-left:0;margin-right:0;-ms-flex-pack:center;justify-content:center;background-color:#99c613;border:1px solid #99c613;border-bottom:0}.rating.theme-kununu .star-container .star{height:11px;width:11px}.rating.theme-kununu .star-container .star i{font-size:11px;color:#fff;text-align:center}.rating.theme-google-places .label-value{color:#e7711b;font-family:arial,sans-serif;font-size:13px;line-height:15px}.rating.theme-google-places .star-container{width:65px;margin-left:2px}.rating.theme-google-places .star-container .star i{font-size:17px;color:#e7711b!important}.rating.theme-google-places .star-container .star i.star-empty{opacity:1!important;color:#e1e1e1!important}.rating.theme-google-places .star-container .star i.star-empty:before{content:"★"}.rating.theme-google-places .star-container .star i.star-half{width:7px;overflow:hidden}.rating.theme-google-places .star-container .star i.star-filled:before,.rating.theme-google-places .star-container .star i.star-half:before{content:"★"}.rating.theme-rolling-stars .star-container .star{transition:transform 1s;transform:rotate(0deg)}.rating.theme-rolling-stars.value-0.half .star:first-child,.rating.theme-rolling-stars.value-1 .star-container .star:nth-child(-n+1),.rating.theme-rolling-stars.value-1.half .star-container .star:nth-child(2),.rating.theme-rolling-stars.value-2 .star-container .star:nth-child(-n+2),.rating.theme-rolling-stars.value-2.half .star-container .star:nth-child(3),.rating.theme-rolling-stars.value-3 .star-container .star:nth-child(-n+3),.rating.theme-rolling-stars.value-3.half .star-container .star:nth-child(4),.rating.theme-rolling-stars.value-4 .star-container .star:nth-child(-n+4),.rating.theme-rolling-stars.value-4.half .star-container .star:nth-child(5),.rating.theme-rolling-stars.value-5 .star-container .star:nth-child(-n+5),.rating.theme-rolling-stars.value-5.half .star-container .star:nth-child(6),.rating.theme-rolling-stars.value-6 .star-container .star:nth-child(-n+6),.rating.value-0.half .rating.theme-rolling-stars.value-0.star:first-child .star:nth-child(1),.rating.value-0.half .rating.theme-rolling-stars.value-1.star:first-child .star-container .star:nth-child(2),.rating.value-0.half .rating.theme-rolling-stars.value-2.star:first-child .star-container .star:nth-child(3),.rating.value-0.half .rating.theme-rolling-stars.value-3.star:first-child .star-container .star:nth-child(4),.rating.value-0.half .rating.theme-rolling-stars.value-4.star:first-child .star-container .star:nth-child(5),.rating.value-0.half .rating.theme-rolling-stars.value-5.star:first-child .star-container .star:nth-child(6),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(2) .star:first-child,.rating.value-1.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(2) .star-container .star:nth-child(2),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(2) .star-container .star:nth-child(3),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(2) .star-container .star:nth-child(4),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(2) .star-container .star:nth-child(5),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(2) .star-container .star:nth-child(6),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(3) .star:first-child,.rating.value-2.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(3) .star-container .star:nth-child(2),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(3) .star-container .star:nth-child(3),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(3) .star-container .star:nth-child(4),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(3) .star-container .star:nth-child(5),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(3) .star-container .star:nth-child(6),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(4) .star:first-child,.rating.value-3.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(4) .star-container .star:nth-child(2),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(4) .star-container .star:nth-child(3),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(4) .star-container .star:nth-child(4),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(4) .star-container .star:nth-child(5),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(4) .star-container .star:nth-child(6),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(5) .star:first-child,.rating.value-4.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(5) .star-container .star:nth-child(2),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(5) .star-container .star:nth-child(3),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(5) .star-container .star:nth-child(4),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(5) .star-container .star:nth-child(5),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(5) .star-container .star:nth-child(6),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(6) .star:first-child,.rating.value-5.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(6) .star-container .star:nth-child(2),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(6) .star-container .star:nth-child(3),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(6) .star-container .star:nth-child(4),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(6) .star-container .star:nth-child(5),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(6) .star-container .star:nth-child(6){transition:transform 1s;transform:rotate(1turn)}
\ No newline at end of file
diff --git a/dist/images/star-rating.icons.svg b/dist/images/star-rating.icons.svg
deleted file mode 100644
index a64e7c2..0000000
--- a/dist/images/star-rating.icons.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-
diff --git a/dist/kss-documentation/elements.kss.scss b/dist/kss-documentation/elements.kss.scss
deleted file mode 100644
index c7ea868..0000000
--- a/dist/kss-documentation/elements.kss.scss
+++ /dev/null
@@ -1,436 +0,0 @@
-/*
-Elements
-
-The elements a css star rating component consists of.
-Her you can see the html structure and the combination of elements.
-The star rating component consists of:
-- A star element
- to display the star state
-- A star-container element
- to handle multiple stars as a rating
-- A label element
- to display the additional test next to the rating
-
-markup:
-Star:
-