fix components according to new theme

master
Ayush Mukherjee 4 years ago
parent 2ecb394398
commit b9cb242364

@ -1,8 +1,9 @@
.btn {
position: relative;
display: inline-flex;
justify-content: center;
background: $primary;
color: $bg;
background: $btn-bg;
color: $fg;
text-decoration: none;
font-size: $font-nav;
padding: 20px 45px;
@ -12,7 +13,21 @@
transition: 0.2s ease;
&:hover {
background: lighten($primary, 20%);
cursor: pointer;
background: darken($btn-bg, 5%);
}
&::after {
content: '';
position: absolute;
bottom: -7px;
left: 0;
width: 100%;
height: 100%;
background: darken($btn-bg, 30%);
border-radius: 10px;
z-index: -1;
}
}
@ -21,6 +36,10 @@
background: $secondary;
&:hover {
background: darken($secondary, 10%);
background: darken($secondary, 5%);
}
&::after {
background: darken($secondary, 60%);
}
}

@ -1,8 +1,9 @@
header {
padding: 20px 120px;
padding: 20px 2%;
display: flex;
justify-content: space-between;
align-items: center;
background: $bg-alternate;
.brand {
display: flex;

@ -1,13 +1,19 @@
.title {
margin-top: 180px;
padding-top: 20px;
position: relative;
margin: 100px 60px 0 60px;
font-size: $font-section;
font-weight: $font-bold;
color: $primary;
color: $primary-dark;
display: inline-block;
.sub {
color: rgba($secondary, 0.8);
font-size: $font-section-sub;
font-weight: $font-normal;
&::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20%;
background: $tertiary;
z-index: -1;
}
}
Loading…
Cancel
Save