hq/basspistol.com
hq/basspistol.com
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixing broken stuff

Browse source
This commit is contained in:
Set Hallstrom 2020-09-11 11:22:50 +02:00
parent c693ef328a
commit 2afa6893e9
9 changed files with 100 additions and 720 deletions
Download patch file Download diff file Expand all files Collapse all files

104
_sass/_layout.scss
View file

@ -1,7 +1,7 @@
html,
body {
margin:0;
padding:0;
margin: 0;
padding: 0;
background-color: var(--bg);
}
body {
@ -12,7 +12,6 @@ body {
color: var(--fg);
letter-spacing: _font(kerning);
background-color: var(--bg);
}
#main-wrapper {
display: flex;
@ -23,7 +22,6 @@ body {
-ms-transition: filter var(--anim-speed) ease-in-out;
transition: filter var(--anim-speed) ease-in;
z-index: 1;
}
.content-wrapper {
max-width: var(--max-width);
@ -44,7 +42,7 @@ body {
background-repeat: no-repeat;
padding: 40px;
position: relative;
min-height: 80vh;
min-height: 80vh;
width: 100vw;
.textcontainer {
@ -56,7 +54,8 @@ body {
div {
z-index: 10;
h1, p {
h1,
p {
flex: 1 0 100%;
width: 100%;
z-index: 10;
@ -75,19 +74,19 @@ body {
left: 0;
width: 100%;
height: 100%;
background-image: url('../img/vignette.svg');
background-image: url("../img/vignette.svg");
background-size: 240px;
background-repeat: repeat-x;
background-position: bottom;
z-index: 1;
h4 {
width: 90vw;
height: auto;
min-height: 100px;
line-height: .85em;
height: auto;
min-height: 100px;
line-height: 0.85em;
letter-spacing: -0.08em;
color: var(--bg);
font-size: 15vw;
font-size: 15vw;
display: inline;
opacity: 1;
border-radius: var(--border-radius);
@ -119,19 +118,18 @@ section:first-of-type {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top:0;
margin-top: 0;
padding-top: 40px;
}
.section-title {
padding: 80px;
}
footer {
width: 100%;
padding: 160px 20px 200px 20px;
background-color: var(--fg);
color: var(--bg);
background-image: url('../img/vignette-footer.svg');
background-image: url("../img/vignette-footer.svg");
background-size: 400px;
background-repeat: repeat-x;
background-position: top;
@ -142,7 +140,6 @@ footer {
}
.icon {
border: 1px solid var(--bg);
}
.footframe {
display: flex;
@ -151,7 +148,7 @@ footer {
max-width: var(--max-width);
margin: auto;
padding: 20px;
div {
flex: 0 1 300px;
margin-bottom: 80px;
@ -167,11 +164,11 @@ footer {
a {
font-weight: 700;
text-decoration: none;
color: var(--bg)
color: var(--bg);
}
}
}
small {
flex: 0 0 100%;
box-sizing: border-box;
@ -194,48 +191,48 @@ footer {
}
.post-navigation {
padding: 80px 40px 80px 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: var(--max-width);
margin: 0 auto;
h2 {
flex: 0 0 100%;
margin-top: 40px;
text-align: center;
}
.post-nav, .post-nav-next {
margin: 0;
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px;
align-items: flex-start;
max-width: var(--max-width);
margin: 0 auto;
h2 {
flex: 0 0 100%;
margin-top: 40px;
text-align: center;
}
.post-nav,
.post-nav-next {
flex: 1 0 200px;
flex: 1 0 200px;
h4 {
font-size: 2em;
justify-self: right;
h4 {
font-size: 2em;
justify-self: right;
}
}
.post-nav {
margin: 0 40px 0 0;
text-align: left;
}
.post-nav-next {
margin: 0 0 0 40px;
text-align: right;
}
}
.post-nav {
margin: 0 40px 0 0;
text-align: left;
}
.post-nav-next {
margin: 0 0 0 40px;
text-align: right;
}
}
// album index
.releases {
padding: 80px 0;
.container {
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 40px;
display:flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
h2 {
@ -248,20 +245,18 @@ footer {
margin: 20px 0;
}
img {
width:100%;
height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
}
}
// Streambox
.streambox {
text-align: center;
line-height: 2em;
}
.streamer {
max-width: var(--max-width);
@ -279,5 +274,4 @@ footer {
margin: 0;
justify-self: center;
}
}
}