Make brutaldon.css more general, do some image fixes

This commit is contained in:
Jason McBrayer 2018-08-29 12:50:57 -04:00
parent e9fd4f491b
commit 0aacda646e
2 changed files with 22 additions and 34 deletions

View File

@ -19,28 +19,22 @@ img.fav-avatar {
} }
.media {
border-radius: 5px;
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding: 1.25rem;
margin-bottom: 0.75rem;
margin-top: 0.75rem;
}
.media-content { .media-content {
padding: 1.5ex; padding: 1.5ex;
} }
.is-max-128 { @media screen and (max-width: 768px)
max-height: 128px; {
max-width: 128px; .is-max-128 {
} max-height: 128px;
max-width: 128px;
}
.is-max-256 {
max-height: 256px;
max-width: 256px;
}
.is-max-256 {
max-height: 256px;
max-width: 256px;
} }
figure.media-left p.image a img figure.media-left p.image a img

View File

@ -22,29 +22,23 @@ div.card-header-title, div.card-header-icon {
text-stroke: 2px white; text-stroke: 2px white;
} }
.media {
background-color: white;
border-radius: 5px;
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
padding: 1.25rem;
margin-bottom: 0.75rem;
margin-top: 0.75rem;
}
.media-content { .media-content {
padding: 1.5ex; padding: 1.5ex;
} }
.is-max-128 { @media screen and (max-width: 768px)
max-height: 128px; {
max-width: 128px; .is-max-128 {
} max-height: 128px;
max-width: 128px;
}
.is-max-256 {
max-height: 256px;
max-width: 256px;
}
.is-max-256 {
max-height: 256px;
max-width: 256px;
} }
figure.media-left p.image a img figure.media-left p.image a img