165 lines
3.2 KiB
CSS
165 lines
3.2 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
|
|
|
|
@tailwind base;
|
|
|
|
@layer base {
|
|
|
|
.no-tailwindcss-base h1,
|
|
.no-tailwindcss-base h2,
|
|
.no-tailwindcss-base h3,
|
|
.no-tailwindcss-base h4,
|
|
.no-tailwindcss-base h5,
|
|
.no-tailwindcss-base h6 {
|
|
font-size: revert;
|
|
font-weight: revert;
|
|
}
|
|
|
|
.no-tailwindcss-base ol,
|
|
.no-tailwindcss-base ul {
|
|
list-style: revert;
|
|
margin: revert;
|
|
padding: revert;
|
|
}
|
|
}
|
|
|
|
/* @layer components {
|
|
.no-spin-buttons::-webkit-inner-spin-button,
|
|
.no-spin-buttons::-webkit-outer-spin-button {
|
|
@apply -webkit-appearance-none margin-0;
|
|
}
|
|
.no-spin-buttons {
|
|
@apply -moz-appearance-textfield;
|
|
}
|
|
} */
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Dla Firefox */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
#root {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
|
|
:root {
|
|
--black-gradient: linear-gradient(
|
|
144.39deg,
|
|
#ffffff -278.56%,
|
|
#6d6d6d -78.47%,
|
|
#11101d 91.61%
|
|
);
|
|
}
|
|
|
|
* {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.category-hover:hover {
|
|
transform: scale(1.1);
|
|
/* Apply negative margin if needed */
|
|
}
|
|
|
|
.slide-container {
|
|
overflow: hidden;
|
|
max-height: 0;
|
|
transition: max-height 0.5s ease-out, opacity 0.5s ease;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Expanded state styles */
|
|
.collapsible {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition-property: all;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 0.5s;
|
|
}
|
|
|
|
/* Styl dla elementu, gdy jest rozwinięty */
|
|
.collapsible.expanded {
|
|
max-height: 1000px; /* Przykładowa maksymalna wysokość, może wymagać dostosowania */
|
|
opacity: 1;
|
|
transition-property: all;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 0.5s;
|
|
}
|
|
|
|
.div-transition {
|
|
transition-property: filter;
|
|
transition-duration: 1s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
|
|
|
|
.noblur {
|
|
filter: blur(0px);
|
|
transition-property: filter;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
|
|
.blur {
|
|
filter: blur(5px);
|
|
transition-property: filter;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
.minus-z-index {
|
|
z-index: -10;
|
|
}
|
|
|
|
.editor-container {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 12rem;
|
|
padding-right: 12rem;
|
|
|
|
;
|
|
}
|
|
.div-transition {
|
|
transition: all 0.3s ease;
|
|
scale: 100%;
|
|
}
|
|
|
|
.ck-editor__editable {
|
|
min-height: 12rem;
|
|
max-height: 12rem;
|
|
|
|
}
|
|
|
|
.job-listing {
|
|
-webkit-mask-image: linear-gradient(to top, black 0%, transparent 100%);
|
|
mask-image: linear-gradient(to top, black 0%, transparent 100%);
|
|
}
|
|
.job-listing2 {
|
|
-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
|
|
mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
|
|
}
|
|
|
|
.lista {
|
|
list-style: inside;
|
|
}
|
|
|
|
.sidebar-show {
|
|
-webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
}
|
|
|
|
.sidebar-hide {
|
|
-webkit-animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
} |