Change subscribe page style. Fix typo. Fix spacing. Change anchor style

This commit is contained in:
2020-04-04 17:46:13 +05:30
parent bc2ecc1cff
commit 5e369994be
3 changed files with 38 additions and 21 deletions

View File

@@ -56,7 +56,7 @@ body {
.wrapper {
min-height: $top-height;
align-items: flex-end;
padding-bottom: 2em;
padding-bottom: 1em;
.player {
margin: auto;
width: 80%;
@@ -69,9 +69,21 @@ body {
}
}
.shownotes {
padding: 2em 1em 1em 1em;
padding: 2em 1em 0;
margin: auto;
width: 80%;
a {
color: #292929;
padding: 0.3em;
border-radius: 1.6em;
transition-duration: 0.2s;
}
a:hover {
color: #FFF;
background-color: #000;
text-decoration: none;
transition-duration: 0.2s;
}
}
ul.archives, ul.donate {
list-style-type: none;
@@ -100,29 +112,30 @@ body {
justify-content: space-between;
flex-wrap: wrap;
margin: auto;
a {
.subscription {
width: 200px;
color: #000;
font-size: 100px;
text-align: center;
padding: 50px 50px;
transition-duration: 0.2em;
text-decoration: none;
padding: 1rem 0;
span {
color: inherit;
font-size: 100px;
text-decoration: none;
}
p {
@include title-font;
width: 100%;
font-size: 1rem;
}
}
a:hover, a:active {
font-size: 0;
.subscription:hover, .subscription:active {
text-decoration: none;
transition-duration: 0.2em;
background-color: rgba(0, 0, 0, 0.25);
background-color: #000;
color: #FFF;
border-radius: 30px;
}
a:hover::after {
transition-duration: 0.2em;
content: attr(x-text);
position: relative;
top: 50px;
font-size: 1.1rem;
text-decoration: bold;
}
}
}
}
@@ -135,7 +148,7 @@ body {
align-items: center;
justify-content: space-between;
flex-direction: column;
padding-top: 2em;
padding-top: 1em;
height: 100%;
.content {
display: flex;
@@ -159,6 +172,7 @@ body {
}
}
a.donate-link {
margin: 1em 0;
color: #292929;
padding: 0.3em;
border-radius: 1.6em;