Sha256: 62f8a85f90c5db447e9a4373adf895bdb098a6d1a2bfbd2a55307edb699ce444

Contents?: true

Size: 1.93 KB

Versions: 29

Compression:

Stored size: 1.93 KB

Contents

.popularity{
  min-width: 100px;
  margin-top: 5px;
}

.popularity::before,
.popularity::after{
  display: table;
  content: ' ';
}

.popularity::after{
  clear: both;
}

.popularity.extra__popularity{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.popularity__desc{
  color: #8c838a;
  text-transform: uppercase;
  font-size: 90%;
  padding-top: .3rem;
  display: block;
  clear: both;
}

.popularity__item{
  float: left;
  width: 18.4%;
  height: 4px;
  background-color: lightgrey;
  margin-left: 2%;
}

.popularity__item:first-of-type{
  margin-left: 0;
}

.popularity--level1 .popularity__item:first-of-type,
.popularity--level2 .popularity__item:first-of-type,
.popularity--level3 .popularity__item:first-of-type,
.popularity--level4 .popularity__item:first-of-type,
.popularity--level5 .popularity__item:first-of-type,
.popularity--level6 .popularity__item:first-of-type{
  background: #53c9c8;
}

.popularity--level2 .popularity__item:nth-of-type(2),
.popularity--level3 .popularity__item:nth-of-type(2),
.popularity--level4 .popularity__item:nth-of-type(2),
.popularity--level5 .popularity__item:nth-of-type(2),
.popularity--level6 .popularity__item:nth-of-type(2){
  background: -webkit-linear-gradient(left, #53c9c8, #f9bc48);
  background: linear-gradient(to right, #53c9c8, #f9bc48);
}

.popularity--level3 .popularity__item:nth-of-type(3),
.popularity--level4 .popularity__item:nth-of-type(3),
.popularity--level5 .popularity__item:nth-of-type(3),
.popularity--level6 .popularity__item:nth-of-type(3){
  background: #f9bc48;
}

.popularity--level4 .popularity__item:nth-of-type(4),
.popularity--level5 .popularity__item:nth-of-type(4),
.popularity--level6 .popularity__item:nth-of-type(4){
  background: -webkit-linear-gradient(left, #f9bc48 50%, #f85a39);
  background: linear-gradient(to right, #f9bc48 50%, #f85a39);
}

.popularity--level5 .popularity__item:nth-of-type(5),
.popularity--level6 .popularity__item:nth-of-type(5){
  background: #f85a39;
}

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
decidim-initiatives-0.21.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.20.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.20.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.19.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.18.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.19.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.17.2 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.18.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.17.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.16.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.17.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.16.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.15.2 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.15.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.15.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.14.4 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.14.3 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.14.2 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.14.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.13.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss