Skip to content

Instantly share code, notes, and snippets.

.box-default-1 a {
display: block;
position: relative;
}
.box-default-1 h3 {
font-size: 14px;
color: #000;
margin: 0;
margin-bottom: 10px;
.box-default-3 a {
display: block;
position: relative;
color: #FFF;
overflow: hidden;
}
.box-default-3 a h3 {
position: absolute;
bottom: 0;
.box-default-2 a .cover img {
width: 45px;
}
.box-default-2 a p {
opacity: .7;
position: relative;
}
.box-default-2 a p:after {
content: "+";
{% if target.name == "Registrados" %}
<p>Enorabuena, aquí podemos colocar un mensaje o diseño para los que tengan el target "Registrados"</p>
{% else %}
<p>Aquí el diseño para todo el resto de usuarios</p>
{% endif %}
/* Reset all property button */
.btn {
font-size: 16px;
padding: 10px 20px;
border: 0;
background: none;
filter: none;
border: 1px solid transparent;
box-shadow: none;
text-shadow: none;
<ul>
<li ng-repeat="post in posts">
<img ng-src="post.covers[0]" />
<h3>{/{ post.title }/}</h3>
<p ng-bind-html="post.description"></p>
</li>
</ul>
$http.jsonp({{ site.url }}/posts.json?callback=JSON_CALLBACK').then(function (res) {
$scope.posts = res.data;
}, function (error) {
console.log(error);
});
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
{% if post.tag_list contains 'actualidad' %}
Si existe el tag actualidad
{% endif %}
<ul>
{% for tag in post.tag_list %}
<li>{{ tag }}</li>
{% endfor %}
</ul>