quartznet/quartznet-info
Watch
3
0
Fork
You've already forked quartznet-info
 0
Code Issues Pull requests Packages Activity Actions

moved static files improved css

Browse source
This commit is contained in:
Ben Parsons 2020-08-20 15:42:54 +10:00
commit faf1fb29b8
1 changed files with 46 additions and 487 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/components/gameProjectThumb.svelte
View file

@ -7,70 +7,16 @@
</script>
<style>
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
box-sizing: border-box;
}
.thumb {
flex: 0 0 58.333333%;
max-width: 58.333333%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.blurb {
flex: 0 0 41.666667%;
max-width: 41.666667%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
h2 {
font-size: 2rem;
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
box-sizing: border-box;
}
a {
color: #CC99FF;
text-decoration: none;
background-color: transparent;
}
img {
margin-bottom: 0 !important;
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
box-sizing: border-box;
}
</style>
<div class="row">
<div class="thumb">
<div class="thumb col-md-7">
<a href="{name}">
<img class={imgClass} {src} alt={name}>
</a>
</div>
<div class="blurb">
<div class="blurb col-md-5">
<h2>{name}</h2>
<p>{description}</p>
</div>