diff --git a/src/addon/block/blogtags/blogtags.scss b/src/addon/block/blogtags/blogtags.scss index 859b876da..a974b45cb 100644 --- a/src/addon/block/blogtags/blogtags.scss +++ b/src/addon/block/blogtags/blogtags.scss @@ -6,77 +6,83 @@ -webkit-padding-start: 0; li { - padding: 0 .2em; - display: inline; + padding: .2em; + display: inline-block; + + a { + @extend ion-badge; + @extend .badge-md; + text-decoration: none; + } + .s20 { + font-size: 1.5em; + font-weight: bold; + } + + .s19 { + font-size: 1.5em; + } + + .s18 { + font-size: 1.4em; + font-weight: bold; + } + + .s17 { + font-size: 1.4em; + } + + .s16 { + font-size: 1.3em; + font-weight: bold; + } + + .s15 { + font-size: 1.3em; + } + + .s14 { + font-size: 1.2em; + font-weight: bold; + } + + .s13 { + font-size: 1.2em; + } + + .s12, + .s11 { + font-size: 1.1em; + font-weight: bold; + } + + .s10, + .s9 { + font-size: 1.1em; + } + + .s8, + .s7 { + font-size: 1em; + font-weight: bold; + } + + .s6, + .s5 { + font-size: 1em; + } + + .s4, + .s3 { + font-size: 0.9em; + font-weight: bold; + } + + .s2, + .s1 { + font-size: 0.9em; + } } } - .s20 { - font-size: 1.5em; - font-weight: bold; - } - - .s19 { - font-size: 1.5em; - } - - .s18 { - font-size: 1.4em; - font-weight: bold; - } - - .s17 { - font-size: 1.4em; - } - - .s16 { - font-size: 1.3em; - font-weight: bold; - } - - .s15 { - font-size: 1.3em; - } - - .s14 { - font-size: 1.2em; - font-weight: bold; - } - - .s13 { - font-size: 1.2em; - } - - .s12, - .s11 { - font-size: 1.1em; - font-weight: bold; - } - - .s10, - .s9 { - font-size: 1.1em; - } - - .s8, - .s7 { - font-size: 1em; - font-weight: bold; - } - - .s6, - .s5 { - font-size: 1em; - } - - .s4, - .s3 { - font-size: 0.9em; - font-weight: bold; - } - - .s2, - .s1 { - font-size: 0.9em; - } } } \ No newline at end of file diff --git a/src/addon/block/tags/tags.scss b/src/addon/block/tags/tags.scss index cd3df32eb..f4c54d167 100644 --- a/src/addon/block/tags/tags.scss +++ b/src/addon/block/tags/tags.scss @@ -8,93 +8,99 @@ -webkit-padding-start: 0; li { - padding: 0 .2em; - display: inline; + padding: .2em; + display: inline-block; + + a { + @extend ion-badge; + @extend .badge-md; + text-decoration: none; + } + .s20 { + font-size: 2.7em; + } + + .s19 { + font-size: 2.6em; + } + + .s18 { + font-size: 2.5em; + } + + .s17 { + font-size: 2.4em; + } + + .s16 { + font-size: 2.3em; + } + + .s15 { + font-size: 2.2em; + } + + .s14 { + font-size: 2.1em; + } + + .s13 { + font-size: 2em; + } + + .s12 { + font-size: 1.9em; + } + + .s11 { + font-size: 1.8em; + } + + .s10 { + font-size: 1.7em; + } + + .s9 { + font-size: 1.6em; + } + + .s8 { + font-size: 1.5em; + } + + .s7 { + font-size: 1.4em; + } + + .s6 { + font-size: 1.3em; + } + + .s5 { + font-size: 1.2em; + } + + .s4 { + font-size: 1.1em; + } + + .s3 { + font-size: 1em; + } + + .s2 { + font-size: 0.9em; + } + + .s1 { + font-size: 0.8em; + } + + .s0 { + font-size: 0.7em; + } } } } - .tag_cloud .s20 { - font-size: 2.7em; - } - - .tag_cloud .s19 { - font-size: 2.6em; - } - - .tag_cloud .s18 { - font-size: 2.5em; - } - - .tag_cloud .s17 { - font-size: 2.4em; - } - - .tag_cloud .s16 { - font-size: 2.3em; - } - - .tag_cloud .s15 { - font-size: 2.2em; - } - - .tag_cloud .s14 { - font-size: 2.1em; - } - - .tag_cloud .s13 { - font-size: 2em; - } - - .tag_cloud .s12 { - font-size: 1.9em; - } - - .tag_cloud .s11 { - font-size: 1.8em; - } - - .tag_cloud .s10 { - font-size: 1.7em; - } - - .tag_cloud .s9 { - font-size: 1.6em; - } - - .tag_cloud .s8 { - font-size: 1.5em; - } - - .tag_cloud .s7 { - font-size: 1.4em; - } - - .tag_cloud .s6 { - font-size: 1.3em; - } - - .tag_cloud .s5 { - font-size: 1.2em; - } - - .tag_cloud .s4 { - font-size: 1.1em; - } - - .tag_cloud .s3 { - font-size: 1em; - } - - .tag_cloud .s2 { - font-size: 0.9em; - } - - .tag_cloud .s1 { - font-size: 0.8em; - } - - .tag_cloud .s0 { - font-size: 0.7em; - } } } \ No newline at end of file