Skip to content

Commit

Permalink
feat(themes): implemented themes
Browse files Browse the repository at this point in the history
  • Loading branch information
BioPhoton committed Dec 7, 2016
1 parent 9543d14 commit 7f82d98
Showing 1 changed file with 55 additions and 7 deletions.
62 changes: 55 additions & 7 deletions src/scss/_themes.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
@charset "UTF-8";

@import "elements";

/*theme modifiers
====================================================*/

Expand Down Expand Up @@ -53,12 +51,12 @@
border-bottom: 0px;

.star {
font-size: 11px;
height: 11px;
width: 11px;
@extend .star.custom-icon;

i {
font-size: 11px;
color: $kununu-color-white;
text-align: center;
}
Expand All @@ -85,7 +83,7 @@
.star {

i {
font-size:17px;
font-size: 17px;
color: $google_places-color-red !important;
&.star-empty {
opacity: 1 !important;
Expand All @@ -94,9 +92,9 @@
content: $default-star-character-filled;
}
}
&.star-half{
width:7px;
overflow:hidden;
&.star-half {
width: 7px;
overflow: hidden;
&:before {
content: $default-star-character-half;
}
Expand All @@ -111,4 +109,54 @@

}

&.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);
}
}
}
}
}

}

}

0 comments on commit 7f82d98

Please sign in to comment.