Skip to content

Instantly share code, notes, and snippets.

@zkreations
Last active July 31, 2018 21:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zkreations/43c65721a57a3fe8a8a84e7fd1ad56da to your computer and use it in GitHub Desktop.
Save zkreations/43c65721a57a3fe8a8a84e7fd1ad56da to your computer and use it in GitHub Desktop.
Destacar la primera etiqueta, entradas de blogger
.firstag {
position: relative;
display: block;
}
.firstag-name {
position: absolute;
top: .5rem;
right: .5rem;
padding: .2rem .5rem;
background-color: #00BCD4;
color: #fff;
border-radius: 3px;
z-index: 20;
text-transform: capitalize;
}
.firstag-name--anime {
background-color: #8BC34A;
}
.firstag-name--manga {
background-color: #3F51B5;
}
.firstag-name--ova {
background-color: #FF9800;
}
<!-- No olvidar que el contenedor necesita la clase "firstag" de la siguiente forma:
<div class='firstag'>
{{xml:contenido}}
</div>
-->
<!-- Condicion Lambda -->
<b:loop values='data:post.labels first (tag => tag.name in {"anime","manga","ova"})' var='label'>
<span expr:class='"firstag-name firstag-name--" + data:label.name'><data:label.name/></span>
</b:loop>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment