remove unnided style
This commit is contained in:
Nikola Petrov
parent
1dcbb772d2
commit
c90a9378f8
@ -1,16 +1,3 @@
|
||||
/*-----------------------------------*\
|
||||
#style.css
|
||||
\*-----------------------------------*/
|
||||
|
||||
|
||||
/**
|
||||
* copyright 2022 @codewithsadee
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#CUSTOM PROPERTY
|
||||
\*-----------------------------------*/
|
||||
@ -161,10 +148,6 @@ body {
|
||||
background: var(--smoky-black);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#REUSED STYLE
|
||||
\*-----------------------------------*/
|
||||
@ -315,10 +298,6 @@ article.active {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#MAIN
|
||||
\*-----------------------------------*/
|
||||
@ -329,10 +308,6 @@ main {
|
||||
min-width: 259px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#SIDEBAR
|
||||
\*-----------------------------------*/
|
||||
@ -480,18 +455,14 @@ main {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
.social-item .social-link:hover {
|
||||
color: var(--light-gray);
|
||||
}
|
||||
|
||||
|
||||
.social-link ion-icon {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#NAVBAR
|
||||
\*-----------------------------------*/
|
||||
@ -533,10 +504,6 @@ main {
|
||||
color: var(--orange-yellow-crayola);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#ABOUT
|
||||
\*-----------------------------------*/
|
||||
@ -556,8 +523,6 @@ main {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #service
|
||||
*/
|
||||
@ -623,8 +588,6 @@ main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#RESUME
|
||||
\*-----------------------------------*/
|
||||
@ -633,7 +596,6 @@ main {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* education and experience
|
||||
*/
|
||||
@ -702,54 +664,6 @@ main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* skills
|
||||
*/
|
||||
|
||||
.skills-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
.skills-item:not(:last-child) {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.skill .title-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.skill .title-wrapper data {
|
||||
color: var(--light-gray);
|
||||
font-size: var(--fs-7);
|
||||
font-weight: var(--fw-300);
|
||||
}
|
||||
|
||||
.skill-progress-bg {
|
||||
background: var(--jet);
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.skill-progress-fill {
|
||||
background: var(--text-gradient-yellow);
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#PORTFOLIO
|
||||
\*-----------------------------------*/
|
||||
@ -928,236 +842,6 @@ main {
|
||||
font-weight: var(--fw-300);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#BLOG
|
||||
\*-----------------------------------*/
|
||||
|
||||
.blog-posts {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-posts-list {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.blog-post-item>a {
|
||||
position: relative;
|
||||
background: var(--border-gradient-onyx);
|
||||
height: 100%;
|
||||
box-shadow: var(--shadow-4);
|
||||
border-radius: 16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog-post-item>a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 1px;
|
||||
border-radius: inherit;
|
||||
background: var(--eerie-black-1);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.blog-banner-box {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blog-banner-box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: var(--transition-1);
|
||||
}
|
||||
|
||||
.blog-post-item>a:hover .blog-banner-box img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.blog-content {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.blog-meta {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-meta :is(.blog-category, time) {
|
||||
color: var(--light-gray-70);
|
||||
font-size: var(--fs-6);
|
||||
font-weight: var(--fw-300);
|
||||
}
|
||||
|
||||
.blog-meta .dot {
|
||||
background: var(--light-gray-70);
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.blog-item-title {
|
||||
margin-bottom: 10px;
|
||||
line-height: 1.3;
|
||||
transition: var(--transition-1);
|
||||
}
|
||||
|
||||
.blog-post-item>a:hover .blog-item-title {
|
||||
color: var(--orange-yellow-crayola);
|
||||
}
|
||||
|
||||
.blog-text {
|
||||
color: var(--light-gray);
|
||||
font-size: var(--fs-6);
|
||||
font-weight: var(--fw-300);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#CONTACT
|
||||
\*-----------------------------------*/
|
||||
|
||||
.mapbox {
|
||||
position: relative;
|
||||
height: 250px;
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid var(--jet);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mapbox figure {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mapbox iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 25px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
color: var(--white-2);
|
||||
font-size: var(--fs-6);
|
||||
font-weight: var(--fw-400);
|
||||
padding: 13px 20px;
|
||||
border: 1px solid var(--jet);
|
||||
border-radius: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
font-weight: var(--fw-500);
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: var(--orange-yellow-crayola);
|
||||
}
|
||||
|
||||
textarea.form-input {
|
||||
min-height: 100px;
|
||||
height: 120px;
|
||||
max-height: 200px;
|
||||
resize: vertical;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
textarea.form-input::-webkit-resizer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-input:focus:invalid {
|
||||
border-color: var(--bittersweet-shimmer);
|
||||
}
|
||||
|
||||
.form-btn {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background: var(--border-gradient-onyx);
|
||||
color: var(--orange-yellow-crayola);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 13px 20px;
|
||||
border-radius: 14px;
|
||||
font-size: var(--fs-6);
|
||||
text-transform: capitalize;
|
||||
box-shadow: var(--shadow-3);
|
||||
z-index: 1;
|
||||
transition: var(--transition-1);
|
||||
}
|
||||
|
||||
.form-btn::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 1px;
|
||||
background: var(--bg-gradient-jet);
|
||||
border-radius: inherit;
|
||||
z-index: -1;
|
||||
transition: var(--transition-1);
|
||||
}
|
||||
|
||||
.form-btn ion-icon {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-btn:hover {
|
||||
background: var(--bg-gradient-yellow-1);
|
||||
}
|
||||
|
||||
.form-btn:hover::before {
|
||||
background: var(--bg-gradient-yellow-2);
|
||||
}
|
||||
|
||||
.form-btn:disabled {
|
||||
opacity: 0.7;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.form-btn:disabled:hover {
|
||||
background: var(--border-gradient-onyx);
|
||||
}
|
||||
|
||||
.form-btn:disabled:hover::before {
|
||||
background: var(--bg-gradient-jet);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------*\
|
||||
#RESPONSIVE
|
||||
\*-----------------------------------*/
|
||||
@ -1176,13 +860,8 @@ textarea.form-input::-webkit-resizer {
|
||||
.blog-banner-box {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* responsive larger than 580px screen
|
||||
*/
|
||||
@ -1206,11 +885,8 @@ textarea.form-input::-webkit-resizer {
|
||||
--fs-6: 15px;
|
||||
--fs-7: 15px;
|
||||
--fs-8: 12px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #REUSED STYLE
|
||||
*/
|
||||
@ -1239,8 +915,6 @@ textarea.form-input::-webkit-resizer {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #MAIN
|
||||
*/
|
||||
@ -1250,8 +924,6 @@ textarea.form-input::-webkit-resizer {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #SIDEBAR
|
||||
*/
|
||||
@ -1313,8 +985,6 @@ textarea.form-input::-webkit-resizer {
|
||||
width: calc(100% - 64px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #NAVBAR
|
||||
*/
|
||||
@ -1331,8 +1001,6 @@ textarea.form-input::-webkit-resizer {
|
||||
--fs-8: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #ABOUT
|
||||
*/
|
||||
@ -1386,10 +1054,8 @@ textarea.form-input::-webkit-resizer {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #PORTFOLIO, BLOG
|
||||
* #PORTFOLIO
|
||||
*/
|
||||
|
||||
.project-img,
|
||||
@ -1404,46 +1070,8 @@ textarea.form-input::-webkit-resizer {
|
||||
.blog-content {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* #CONTACT
|
||||
*/
|
||||
|
||||
.mapbox {
|
||||
height: 380px;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
gap: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
textarea.form-input {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.form-btn {
|
||||
--fs-6: 16px;
|
||||
padding: 16px 20px;
|
||||
}
|
||||
|
||||
.form-btn ion-icon {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* responsive larger than 768px screen
|
||||
*/
|
||||
@ -1463,8 +1091,6 @@ textarea.form-input::-webkit-resizer {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* SIDEBAR
|
||||
*/
|
||||
@ -1474,8 +1100,6 @@ textarea.form-input::-webkit-resizer {
|
||||
gap: 30px 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* NAVBAR
|
||||
*/
|
||||
@ -1484,10 +1108,6 @@ textarea.form-input::-webkit-resizer {
|
||||
--fs-8: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* PORTFOLIO
|
||||
*/
|
||||
@ -1529,28 +1149,8 @@ textarea.form-input::-webkit-resizer {
|
||||
.blog-posts-list {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* CONTACT
|
||||
*/
|
||||
|
||||
.input-wrapper {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.form-btn {
|
||||
width: max-content;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* responsive larger than 1024px screen
|
||||
*/
|
||||
@ -1573,8 +1173,6 @@ textarea.form-input::-webkit-resizer {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* REUSED STYLE
|
||||
*/
|
||||
@ -1585,8 +1183,6 @@ textarea.form-input::-webkit-resizer {
|
||||
box-shadow: var(--shadow-5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* MAIN
|
||||
*/
|
||||
@ -1601,8 +1197,6 @@ textarea.form-input::-webkit-resizer {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* NAVBAR
|
||||
*/
|
||||
@ -1628,8 +1222,6 @@ textarea.form-input::-webkit-resizer {
|
||||
font-weight: var(--fw-500);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* ABOUT
|
||||
*/
|
||||
@ -1641,13 +1233,6 @@ textarea.form-input::-webkit-resizer {
|
||||
gap: 20px 25px;
|
||||
}
|
||||
|
||||
/* testimonials */
|
||||
|
||||
.testimonials-item {
|
||||
min-width: calc(50% - 15px);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* PORTFOLIO
|
||||
*/
|
||||
@ -1655,23 +1240,8 @@ textarea.form-input::-webkit-resizer {
|
||||
.project-list {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* BLOG
|
||||
*/
|
||||
|
||||
.blog-banner-box {
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* responsive larger than 1250px screen
|
||||
*/
|
||||
@ -1706,8 +1276,6 @@ textarea.form-input::-webkit-resizer {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* REUSED STYLE
|
||||
*/
|
||||
@ -1721,8 +1289,6 @@ textarea.form-input::-webkit-resizer {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* MAIN
|
||||
*/
|
||||
@ -1742,8 +1308,6 @@ textarea.form-input::-webkit-resizer {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* SIDEBAR
|
||||
*/
|
||||
@ -1808,8 +1372,6 @@ textarea.form-input::-webkit-resizer {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* RESUME
|
||||
*/
|
||||
@ -1817,5 +1379,4 @@ textarea.form-input::-webkit-resizer {
|
||||
.timeline-text {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user