Common.css: различия между версиями

Версия от 15:47, 8 мая 2024

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#ca-talk { display: none !important; }
#ca-viewsource { display: none !important; }

.star {
    font-size: x-large;
    width: 20px;
    display: inline-block;
    color: gray;
}
.star:last-child {
    margin-right: 0;
}
.star:before {
    content:'\2605';
}
.star.on {
    color: gold;
}
.star.half:after {
    content:'\2605';
    color: gold;
    position: absolute;
    margin-left: -20px;
    width: 10px;
    overflow: hidden;
}

@@ Строка 3: / Строка 3: @@
 #ca-viewsource { display: none !important; }
-%full-star {
+.star {
-   &:after {
+    font-size: x-large;
-   content: "\f005";
+    width: 20px;
-   }
+    display: inline-block;
-};
+     color: gray;
+}
-%half-star {
+.star:last-child {
-  &:after {
+    margin-right: 0;
-     content: "\f123";
+}
-  }
+.star:before {
-};
+    content:'\2605';
+}
-.rating {
+.star.on {
-  margin: 0;
+     color: gold;
-  padding: 0;
+}
-  display: flex;
+.star.half:after {
-  align-items: center;
+    content:'\2605';
-  justify-content: flex-start;
+     color: gold;
-  color: #900;
+     position: absolute;
-  $this: &;
+     margin-left: -20px;
+    width: 10px;
-  &__item {
+     overflow: hidden;
-     font-size: 24px;
-    display: block;
-    font-family: FontAwesome;
-    &::after {
-      content: '\f006 ';
-     }
-  }
-  @for $i from 0 to 6 {
-     &[data-rating='#{$i}'] {
-      #{$this}__item:nth-child(-n + #{$i}) {
-        @extend %full-star;
-      }
-     }
-    &[data-rating='#{$i + 0.5}'] {
-      #{$this}__item:nth-child(-n + #{$i}) {
-        @extend %full-star;
-      }
-      #{$this}__item:nth-child(#{$i + 1}) {
-        @extend %half-star;
-      }
-     }
-  }
 }

MediaWiki

Common.css: различия между версиями

Материал из Blood on the Clocktower Wiki на русском

Версия от 15:47, 8 мая 2024