update
This commit is contained in:
@@ -0,0 +1,76 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
|
||||
.br-theme-bars-1to10 {
|
||||
|
||||
.br-widget {
|
||||
height: 50px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 12px;
|
||||
padding: 5px 0;
|
||||
height: 28px;
|
||||
float: left;
|
||||
background-color: lighten($primary-color, 25%);
|
||||
margin: 1px;
|
||||
text-align: center;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: var(--theme-deafult);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
font-size: 20px;
|
||||
line-height: 1.8;
|
||||
float: left;
|
||||
padding: 0 20px 0 20px;
|
||||
color: var(--theme-deafult);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-1to10 {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 1px solid lighten(black, 70%);
|
||||
background: white;
|
||||
height: 38px;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
|
||||
.br-theme-bars-horizontal {
|
||||
|
||||
.br-widget {
|
||||
width: 120px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: 5px;
|
||||
background-color: lighten($primary-color, 25%);
|
||||
margin: 1px;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: var(--theme-deafult);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
width: 120px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 2;
|
||||
text-align: center;
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-horizontal {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 1px solid lighten(black, 70%);
|
||||
background: white;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import '../../../utils/variables.scss';
|
||||
|
||||
.br-theme-bars-movie {
|
||||
|
||||
.br-widget {
|
||||
height: 50px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 8px;
|
||||
float: left;
|
||||
background-color: lighten($primary-color, 25%);
|
||||
margin: 1px;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: var(--theme-deafult);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
clear: both;
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
padding: .5em 0;
|
||||
color: var(--theme-deafult);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-movie {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 1px solid lighten(black, 70%);
|
||||
background: white;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import '../../../utils/variables.scss';
|
||||
|
||||
.br-theme-bars-pill {
|
||||
|
||||
.br-widget {
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
padding: 7px 15px;
|
||||
background-color: lighten($primary-color, 25%);
|
||||
color: var(--theme-deafult);
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
line-height: 3;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
|
||||
&:first-child {
|
||||
-webkit-border-top-left-radius: 999px;
|
||||
-webkit-border-bottom-left-radius: 999px;
|
||||
-moz-border-radius-topleft: 999px;
|
||||
-moz-border-radius-bottomleft: 999px;
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
-webkit-border-top-right-radius: 999px;
|
||||
-webkit-border-bottom-right-radius: 999px;
|
||||
-moz-border-radius-topright: 999px;
|
||||
-moz-border-radius-bottomright: 999px;
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
}
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: var(--theme-deafult);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-pill {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 1px solid lighten(black, 70%);
|
||||
border-left: none;
|
||||
background: white;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 1px solid black;
|
||||
border-left: none;
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
a:first-child {
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
|
||||
.br-theme-bars-reversed {
|
||||
|
||||
.br-widget {
|
||||
height: 25px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
background-color: lighten($primary-color, 25%);
|
||||
margin: 1px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
color: var(--theme-deafult);
|
||||
text-align: center;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: var(--theme-deafult);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
line-height: 1.3;
|
||||
float: left;
|
||||
padding: 0 20px 0 20px;
|
||||
color: var(--theme-deafult);
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
background-color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-reversed {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 1px solid lighten(black, 70%);
|
||||
background: white;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import '../../../utils/variables.scss';
|
||||
|
||||
.br-theme-bars-square {
|
||||
|
||||
.br-widget {
|
||||
height: 40px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
border: 2px solid lighten($primary-color, 20%);
|
||||
background-color: white;
|
||||
margin: 2px;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
text-align: center;
|
||||
color: lighten($primary-color, 20%);
|
||||
font-weight: 600;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 2px solid var(--theme-deafult);
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
clear: both;
|
||||
width: 330px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
padding: .5em 0;
|
||||
color: #646464;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 2px solid var(--theme-deafult);
|
||||
color: lighten($primary-color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bars-square {
|
||||
|
||||
.br-widget {
|
||||
a {
|
||||
border: 2px solid lighten(black, 70%);
|
||||
color: lighten(black, 70%);
|
||||
|
||||
&.br-active,
|
||||
&.br-selected {
|
||||
border: 2px solid black;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
@import "variables";
|
||||
|
||||
.br-theme-bootstrap-stars {
|
||||
|
||||
.br-widget {
|
||||
height: 28px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
font: normal normal normal 18px/1 'Glyphicons Halflings';
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
a:after {
|
||||
content: '\e006';
|
||||
color: $star-default;
|
||||
}
|
||||
|
||||
a.br-active:after {
|
||||
color: $star-active;
|
||||
}
|
||||
|
||||
a.br-selected:after {
|
||||
color: $star-selected;
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-bootstrap-stars {
|
||||
|
||||
.br-widget {
|
||||
a:after {
|
||||
content: '\e007';
|
||||
color: black;
|
||||
}
|
||||
|
||||
a.br-active:after,
|
||||
a.br-selected:after {
|
||||
content: '\e006';
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
@import "variables.scss";
|
||||
|
||||
.br-theme-css-stars {
|
||||
|
||||
.br-widget {
|
||||
height: 28px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
float: left;
|
||||
font-size: 23px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
a:after {
|
||||
content: "\2605";
|
||||
color: $star-default;
|
||||
}
|
||||
|
||||
a.br-active:after {
|
||||
color: $star-active;
|
||||
}
|
||||
|
||||
a.br-selected:after {
|
||||
color: $star-selected;
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-css-stars {
|
||||
|
||||
.br-widget {
|
||||
a:after {
|
||||
content: "\2606";
|
||||
color: black;
|
||||
}
|
||||
|
||||
a.br-active:after,
|
||||
a.br-selected:after {
|
||||
content: "\2605";
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
+84
@@ -0,0 +1,84 @@
|
||||
@import "variables";
|
||||
@import '../../../utils/variables.scss';
|
||||
|
||||
.br-theme-fontawesome-stars-o {
|
||||
|
||||
.br-widget {
|
||||
height: 28px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
font: normal normal normal 20px/1 FontAwesome;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
a:after {
|
||||
content: '\f006';
|
||||
color: $star-default;
|
||||
}
|
||||
|
||||
a.br-active:after {
|
||||
content: '\f005';
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
|
||||
a.br-selected:after {
|
||||
content: '\f005';
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
|
||||
a.br-fractional:after {
|
||||
content: '\f123';
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.br-reverse {
|
||||
a.br-fractional {
|
||||
display: inline-block;
|
||||
transform: scaleX(-1);
|
||||
-moz-transform: scaleX(-1);
|
||||
-webkit-transform: scaleX(-1);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-fontawesome-stars-o {
|
||||
|
||||
.br-widget {
|
||||
a:after {
|
||||
content: '\f006';
|
||||
color: black;
|
||||
}
|
||||
|
||||
a.br-active:after,
|
||||
a.br-selected:after {
|
||||
content: '\f005';
|
||||
color: black;
|
||||
}
|
||||
|
||||
a.br-fractional:after {
|
||||
content: '\f123';
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
@import "variables";
|
||||
@import '../../../utils/variables.scss';
|
||||
|
||||
.br-theme-fontawesome-stars {
|
||||
|
||||
.br-widget {
|
||||
height: 28px;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
a:after {
|
||||
content: '\f005';
|
||||
color: $star-default;
|
||||
}
|
||||
|
||||
a.br-active:after {
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
|
||||
a.br-selected:after {
|
||||
color: var(--theme-deafult);
|
||||
}
|
||||
|
||||
.br-current-rating {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.br-readonly {
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.br-theme-fontawesome-stars {
|
||||
|
||||
.br-widget {
|
||||
a:after {
|
||||
content: '\f006';
|
||||
color: black;
|
||||
}
|
||||
|
||||
a.br-active:after,
|
||||
a.br-selected:after {
|
||||
content: '\f005';
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
// Box sizing
|
||||
@mixin box-sizing($type: border-box){
|
||||
-webkit-box-sizing: $type;
|
||||
-moz-box-sizing: $type;
|
||||
box-sizing: $type;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
// Bars
|
||||
$orange-color: #EDB867;
|
||||
$green-color: #50E3C2;
|
||||
$blue-color: #4278F5;
|
||||
|
||||
// Stars
|
||||
$star-default: #d2d2d2;
|
||||
$star-active: #EDB867;
|
||||
$star-selected: #EDB867;
|
||||
Reference in New Issue
Block a user