From c90a9378f8d941d22702cb73718febb7c0596386 Mon Sep 17 00:00:00 2001 From: Nikola Petrov Date: Sun, 21 Jan 2024 22:08:52 +0100 Subject: [PATCH] remove unnided style --- public/assets/main/2_0/css/style.css | 441 +-------------------------- 1 file changed, 1 insertion(+), 440 deletions(-) diff --git a/public/assets/main/2_0/css/style.css b/public/assets/main/2_0/css/style.css index c4cc8bd..31ffed9 100644 --- a/public/assets/main/2_0/css/style.css +++ b/public/assets/main/2_0/css/style.css @@ -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; } - } \ No newline at end of file