46 lines
883 B
SCSS
46 lines
883 B
SCSS
$jqcloud-font: 10px "Helvetica", "Arial", sans-serif;
|
|
|
|
$jqcloud-link-hover-color: #00ccff;
|
|
|
|
$jqcloud-words: (
|
|
w1: (100%, #aab5f0),
|
|
w2: (150%, #99ccee),
|
|
w3: (200%, #a0ddff),
|
|
w4: (250%, #90c5f0),
|
|
w5: (300%, #90a0dd),
|
|
w6: (350%, #90c5f0),
|
|
w7: (400%, #3399dd),
|
|
w8: (450%, #00ccff),
|
|
w9: (500%, #00ccff),
|
|
w10: (550%, #00ccff)
|
|
) !default;
|
|
|
|
.jqcloud {
|
|
font: $jqcloud-font;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.jqcloud-word {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
@each $word, $config in $jqcloud-words {
|
|
&.#{$word} {
|
|
color: nth($config, 2);
|
|
font-size: nth($config, 1);
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
color: $jqcloud-link-hover-color;
|
|
}
|
|
}
|
|
}
|