new background, button layout
This commit is contained in:
parent
ddb9336a60
commit
fa6c1d7977
11 changed files with 88 additions and 12 deletions
|
|
@ -64,11 +64,34 @@ body {
|
|||
border-radius: 50rem;
|
||||
transition: all .3s ease;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
width: fit-content;
|
||||
&:hover {
|
||||
background-color: lighten($gold, 5%);
|
||||
}
|
||||
margin-bottom: 10px;
|
||||
.btn-split {
|
||||
height: 60px;
|
||||
display: inline-flex;
|
||||
.btn-logo {
|
||||
border-right: 1pt;
|
||||
border-right-color: black;
|
||||
border-right-style: solid;
|
||||
height: 60px;
|
||||
}
|
||||
.btn-text {
|
||||
text-align: left;
|
||||
height:60px;
|
||||
padding: 10px 20px;
|
||||
.button-main-text {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.button-sub-text {
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,8 @@
|
|||
// -------------------------
|
||||
body {
|
||||
background-color: $gold;
|
||||
background-image: url("/assets/images/btr-texture.png");
|
||||
background-size: 100%;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
@ -84,13 +86,13 @@ a:active {
|
|||
margin-top: 175px;
|
||||
height: Min(50vw, 250px);
|
||||
text-align: center;
|
||||
position:relative;
|
||||
top: -90px;
|
||||
.topper-img {
|
||||
position: relative;
|
||||
top: -170px;
|
||||
width: 40%;
|
||||
height: auto;
|
||||
}
|
||||
.content-title {
|
||||
position: relative;
|
||||
top: -150px;
|
||||
margin-left: 15%;
|
||||
margin-right: 15%;
|
||||
font-size: 36px;
|
||||
|
|
@ -182,6 +184,16 @@ a:active {
|
|||
}
|
||||
}
|
||||
|
||||
// -------------------------
|
||||
// Footer Styles
|
||||
// -------------------------
|
||||
|
||||
.btn-android {
|
||||
margin: 10px 20px 10px 20px;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
// -------------------------
|
||||
// Footer Styles
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue