91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
:root {
|
|
--primary: #BB86FC;
|
|
--secondary: #03dac5;
|
|
}
|
|
|
|
.home-content {
|
|
max-width: 100% !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-xl lg:text-4xl mb-4 font-bold;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-lg lg:text-2xl mb-4 font-semibold;
|
|
}
|
|
|
|
p {
|
|
@apply text-md lg:text-lg font-qtype;
|
|
}
|
|
|
|
p ~ h1, p ~ h2 {
|
|
@apply mt-6;
|
|
}
|
|
|
|
ul {
|
|
@apply md:p-[revert];
|
|
}
|
|
|
|
li {
|
|
@apply mt-2 text-md lg:text-lg;
|
|
list-style: inside;
|
|
list-style-type: circle;
|
|
}
|
|
|
|
.backround-img {
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-image: url('./polygon-scatter.svg');
|
|
}
|
|
|
|
.overview-example__add {
|
|
display: none;
|
|
}
|
|
|
|
.vue-flow__node.dark-node {
|
|
background: #0041d0;
|
|
color: #f8f8f8;
|
|
}
|
|
|
|
.vue-flow__node.dark {
|
|
background: #557;
|
|
color: #f8f8f8;
|
|
}
|
|
|
|
.vue-flow__node-selector {
|
|
font-size: 14px;
|
|
background: #f0f2f3;
|
|
border: 1px solid #555;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.vue-flow__node-selector .vue-flow__handle {
|
|
border-color: #f0f2f3;
|
|
}
|
|
|
|
.vue-flow {
|
|
@apply bg-white h-[80vh];
|
|
}
|
|
|
|
.slider {
|
|
--color: red;
|
|
@apply bg-gray-200 w-full h-[10px] outline-none rounded-full;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
|
|
&::-moz-range-thumb {
|
|
@apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
|
|
-webkit-appearance: none;
|
|
background: var(--color);
|
|
}
|
|
&::-webkit-slider-thumb {
|
|
@apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
|
|
-webkit-appearance: none;
|
|
background: var(--color);
|
|
}
|
|
}
|