Added styles.css
This commit is contained in:
parent
3d7ae87d84
commit
33a8bd5385
1 changed files with 59 additions and 0 deletions
59
css/style.css
Normal file
59
css/style.css
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
/* Custom Styles for Plexi09 Portfolio */
|
||||||
|
|
||||||
|
/* Hide default scrollbar for a cleaner look */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
scrollbar-width: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Lenis Smooth Scroll */
|
||||||
|
html.lenis {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.lenis.lenis-smooth {
|
||||||
|
scroll-behavior: auto;
|
||||||
|
}
|
||||||
|
.lenis.lenis-smooth [data-lenis-prevent] {
|
||||||
|
overscroll-behavior: contain;
|
||||||
|
}
|
||||||
|
.lenis.lenis-stopped {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.lenis.lenis-scrolling iframe {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Typography & Utilities */
|
||||||
|
.stroke-text {
|
||||||
|
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Cursor */
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
body, a, button, .hover-target {
|
||||||
|
cursor: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Selection color */
|
||||||
|
::selection {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Preloader */
|
||||||
|
#preloader {
|
||||||
|
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery Scroll */
|
||||||
|
.gallery-wrapper::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.gallery-wrapper {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue