blob: a8b7754762104ff54811773354be9cf0188013a3 (
plain) (
tree)
|
|
// Place all the styles related to the Records controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
#records {
padding: 0;
margin: 0 1em;
& > li {
display: block;
padding: .25em 0;
.description {
a {
text-decoration: none;
color: #352712;
font-family: 'Inconsolata', monospace;
&:hover {
text-decoration: underline;
}
&:visited {
color: #352712;
}
}
}
.tags {
margin: .25em;
display: flex;
flex-wrap: wrap;
padding-left: 0;
li {
display: inline;
font-size: .75em;
font-family: 'Inconsolata', monospace;
padding: .25em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
&.record-date {
background-color: #fef1bf;
}
&.entry-type {
text-transform: uppercase;
&.entry-type-blog {
background-color: #90fefb;
}
&.entry-type-stream, &.entry-type-update {
background-color: #98FB98;
}
&.entry-type-link {
background-color: #FFCC99;
}
}
&.entry-tag {
margin-left: 0.5em;
&:before {
content: "#";
}
}
& + li {
margin-left: 1em;
}
}
}
}
}
|