Avalonia updates
This commit is contained in:
+78
@@ -0,0 +1,78 @@
|
||||
/* ===== About CSS ===== */
|
||||
|
||||
.ud-about {
|
||||
background: #f3f4fe;
|
||||
padding: 120px 0;
|
||||
|
||||
@media #{$xs} {
|
||||
padding: 80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ud-about-wrapper {
|
||||
background: var(--white);
|
||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@media #{$md, $xs} {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.ud-about-content-wrapper {
|
||||
padding: 70px;
|
||||
|
||||
@media #{$xs} {
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
@media #{$sm} {
|
||||
padding: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.ud-about-content {
|
||||
max-width: 500px;
|
||||
|
||||
.tag {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: var(--white);
|
||||
background: var(--primary-color);
|
||||
padding: 5px 20px;
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
font-size: 36px;
|
||||
line-height: 45px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
@media #{$xs} {
|
||||
font-size: 26px;
|
||||
line-height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.ud-main-btn {
|
||||
&:hover {
|
||||
background: #2748b4;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ud-about-image {
|
||||
@media #{$md, $xs} {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user