Sha256: 2becec1f71abcd481df226daea140aa6d34aba17863c7f6fff64bfcf5638d868

Contents?: true

Size: 1.9 KB

Versions: 46

Compression:

Stored size: 1.9 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;
  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

46 entries across 46 versions & 1 rubygems

Version Path
decidim-initiatives-0.26.1 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.26.0 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.26.0.rc2 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.26.0.rc1 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.2 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.1 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.0 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.0.rc4 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.0.rc3 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.0.rc2 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.25.0.rc1 app/packs/stylesheets/decidim/initiatives/popularity_item.scss
decidim-initiatives-0.24.3 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.23.6 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.24.2 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.23.5 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.24.1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.24.0 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.24.0.rc2 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.23.4 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss
decidim-initiatives-0.24.0.rc1 app/assets/stylesheet/decidim/initiatives/popularity_item.css.scss