"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "assets/scss/styles.scss" between
hoppscotch-2.0.0.tar.gz and hoppscotch-2.1.0.tar.gz

About: Hoppscotch is a light-weight, web based API development suite.

styles.scss  (hoppscotch-2.0.0)	:	styles.scss  (hoppscotch-2.1.0)
skipping to change at line 20		skipping to change at line 20
font-variant-ligatures: common-ligatures;		font-variant-ligatures: common-ligatures;
}		}
::-webkit-scrollbar-track {		::-webkit-scrollbar-track {
@apply bg-transparent;		@apply bg-transparent;
}		}
::-webkit-scrollbar-thumb {		::-webkit-scrollbar-thumb {
@apply bg-divider bg-clip-content;		@apply bg-divider bg-clip-content;
@apply rounded-full;		@apply rounded-full;
@apply border-solid border-4 border-transparent;		@apply border-solid border-transparent border-4;
@apply hover:(bg-dividerDark bg-clip-content);		@apply hover:(bg-dividerDark bg-clip-content);
}		}
::-webkit-scrollbar {		::-webkit-scrollbar {
@apply w-4;		@apply w-4;
@apply h-4;		@apply h-4;
}		}
.hide-scrollbar::-webkit-scrollbar {		.hide-scrollbar::-webkit-scrollbar {
@apply hidden;		@apply hidden;
}		}
::selection {		::selection {
@apply bg-accent;		@apply bg-accent;
@apply text-accentContrast;		@apply text-accentContrast;
}		}
input::placeholder {		input::placeholder,
@apply text-secondaryDark;		textarea::placeholder,
		.CodeMirror-empty {
		@apply text-secondary;
@apply opacity-25;		@apply opacity-25;
}		}
input {		input,
		textarea {
@apply text-secondaryDark;		@apply text-secondaryDark;
@apply font-medium;		@apply font-medium;
}		}
html {		html {
scroll-behavior: smooth;		scroll-behavior: smooth;
}		}
body {		body {
@apply bg-primary;		@apply bg-primary;
skipping to change at line 71		skipping to change at line 74
line-height: var(--body-line-height);		line-height: var(--body-line-height);
overflow: overlay;		overflow: overlay;
-webkit-tap-highlight-color: transparent;		-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;		-webkit-touch-callout: none;
}		}
@keyframes fade {		@keyframes fade {
0% {		0% {
opacity: 0;		opacity: 0;
}		}
100% {		100% {
opacity: 1;		opacity: 1;
}		}
}		}
.fade-enter-active,		.fade-enter-active,
.fade-leave-active,		.fade-leave-active,
.page-enter-active,		.page-enter-active,
.page-leave-active,		.page-leave-active,
.layout-enter-active,		.layout-enter-active,
skipping to change at line 95		skipping to change at line 99
.fade-enter,		.fade-enter,
.fade-leave-to,		.fade-leave-to,
.page-enter,		.page-enter,
.page-leave-to,		.page-leave-to,
.layout-enter,		.layout-enter,
.layout-leave-to {		.layout-leave-to {
@apply opacity-0;		@apply opacity-0;
}		}
.material-icons {		.material-icons {
		@apply flex-shrink-0;
font-size: var(--body-line-height) !important;		font-size: var(--body-line-height) !important;
width: var(--body-line-height);		width: var(--body-line-height);
overflow: hidden;
}		}
.svg-icons {		.svg-icons {
		@apply flex-shrink-0;
height: var(--body-line-height);		height: var(--body-line-height);
width: var(--body-line-height);		width: var(--body-line-height);
}		}
a {		a {
@apply inline-flex;		@apply inline-flex;
@apply text-current;		@apply text-current;
@apply no-underline;		@apply no-underline;
@apply outline-none;		@apply outline-none;
@apply transition;		@apply transition;
font-size: var(--body-font-size);		font-size: var(--body-font-size);
line-height: var(--body-line-height);		line-height: var(--body-line-height);
&.link {		&.link {
@apply items-center;		@apply items-center;
@apply px-1 py-0.5;		@apply py-0.5 px-1;
@apply -mx-1 -my-0.5;		@apply -my-0.5 -mx-1;
@apply text-accent;		@apply text-accent;
@apply rounded;		@apply rounded;
@apply hover:text-accentDark;		@apply hover:text-accentDark;
@apply focus-visible:(ring ring-accent);		@apply focus-visible:(ring ring-accent);
}		}
}		}
.tippy-popper {		.tippy-popper {
.tooltip-theme {		.tooltip-theme {
@apply bg-tooltip;		@apply bg-tooltip;
skipping to change at line 179		skipping to change at line 186
@apply flex-1;		@apply flex-1;
@apply h-full;		@apply h-full;
}		}
.tippy-content > div {		.tippy-content > div {
@apply flex flex-col;		@apply flex flex-col;
@apply max-h-46;		@apply max-h-46;
@apply items-stretch;		@apply items-stretch;
@apply overflow-y-auto;		@apply overflow-y-auto;
&::-webkit-scrollbar {		// &::-webkit-scrollbar {
@apply hidden;		// @apply hidden;
}		// }
}		}
hr {		hr {
@apply border-b border-dividerLight;		@apply border-b border-dividerLight;
@apply my-2;		@apply my-2;
}		}
.heading {		.heading {
@apply font-bold;		@apply font-bold;
@apply text-secondaryDark text-lg;		@apply text-secondaryDark text-lg;
}		}
.input,		.input,
.select,		.select,
.textarea {		.textarea {
@apply flex flex-1;		@apply flex;
@apply w-full;		@apply w-full;
@apply px-4 py-2;		@apply py-2 px-4;
@apply bg-transparent;		@apply bg-transparent;
@apply rounded;		@apply rounded;
@apply text-secondaryDark;		@apply text-secondaryDark;
@apply border border-divider;		@apply border border-divider;
@apply focus-visible:border-dividerDark;		@apply focus-visible:border-dividerDark;
}		}
input,		input,
select,		select,
textarea,		textarea,
skipping to change at line 239		skipping to change at line 246
@apply px-2;		@apply px-2;
@apply m-2;		@apply m-2;
@apply rounded;		@apply rounded;
@apply transition;		@apply transition;
@apply absolute;		@apply absolute;
@apply origin-top-left;		@apply origin-top-left;
}		}
.floating-input:focus-within ~ label,		.floating-input:focus-within ~ label,
.floating-input:not(:placeholder-shown) ~ label {		.floating-input:not(:placeholder-shown) ~ label {
@apply bg-transparent;		@apply bg-primary;
@apply transform;		@apply transform;
@apply origin-top-left;		@apply origin-top-left;
@apply scale-75;		@apply scale-75;
@apply -translate-y-5;		@apply -translate-y-5;
@apply translate-x-1;		@apply translate-x-1;
}		}
.floating-input:focus-within ~ label {		.floating-input:focus-within ~ label {
@apply text-secondaryDark;		@apply text-secondaryDark;
}		}
skipping to change at line 285		skipping to change at line 292
@apply justify-center;		@apply justify-center;
@apply pointer-events-none;		@apply pointer-events-none;
@apply font-icon;		@apply font-icon;
@apply text-secondaryLight;		@apply text-secondaryLight;
@apply right-3;		@apply right-3;
content: "\e313";		content: "\e313";
}		}
}		}
.search-wrapper {
@apply flex flex-1;
@apply relative;
&::after {
@apply absolute;
@apply flex;
@apply inset-y-0;
@apply items-center;
@apply justify-center;
@apply pointer-events-none;
@apply font-icon;
@apply text-secondaryLight;
@apply left-4;
content: "\e8b6";
}
}
input[type="checkbox"] {		input[type="checkbox"] {
@apply hidden;		@apply hidden;
&,		&,
& + label {		& + label {
@apply align-middle;		@apply align-middle;
@apply cursor-pointer;		@apply cursor-pointer;
&::before {		&::before {
@apply border-2 border-divider;		@apply border-divider border-2;
@apply rounded;		@apply rounded;
@apply inline-flex;		@apply inline-flex;
@apply items-center;		@apply items-center;
@apply justify-center;		@apply justify-center;
@apply text-transparent;		@apply text-transparent;
@apply h-4;		@apply h-4;
@apply w-4;		@apply w-4;
@apply font-icon;		@apply font-icon;
content: "\e876";		content: "\e876";
skipping to change at line 367		skipping to change at line 355
}		}
.toasted-container {		.toasted-container {
.toasted {		.toasted {
&.toasted-primary {		&.toasted-primary {
@apply bg-tooltip;		@apply bg-tooltip;
@apply text-primary;		@apply text-primary;
@apply justify-start;		@apply justify-start;
@apply shadow;		@apply shadow;
@apply font-medium;		@apply font-medium;
		@apply transition;
font-size: var(--body-font-size);		font-size: var(--body-font-size);
line-height: var(--body-line-height);		line-height: var(--body-line-height);
.action {		.action {
@apply bg-gray-500;		@apply bg-gray-500;
@apply px-4;		@apply px-4;
@apply bg-opacity-10;		@apply bg-opacity-10;
@apply ml-auto;		@apply ml-auto;
@apply last:ml-4;		@apply last:ml-4;
@apply sm:ml-8;		@apply sm:ml-8;
@apply transition;
@apply rounded;		@apply rounded;
@apply text-current;		@apply text-current;
@apply normal-case;		@apply normal-case;
@apply hover:(bg-opacity-20 no-underline);		@apply hover:(bg-opacity-20 no-underline);
@apply font-medium;		@apply font-medium;
font-size: var(--body-font-size);		font-size: var(--body-font-size);
line-height: var(--body-line-height);		line-height: var(--body-line-height);
}		}
}		}
skipping to change at line 481		skipping to change at line 469
@apply -right-0.5;		@apply -right-0.5;
@apply h-full;		@apply h-full;
}		}
.smart-splitter.splitpanes--horizontal > .splitpanes__splitter::before {		.smart-splitter.splitpanes--horizontal > .splitpanes__splitter::before {
@apply -top-0.5;		@apply -top-0.5;
@apply -bottom-0.5;		@apply -bottom-0.5;
@apply w-full;		@apply w-full;
}		}
		.CodeMirror {
		@apply !h-auto;
		font-size: var(--body-font-size);
		&:not(.CodeMirror-focused) .CodeMirror-activeline-background {
		background: transparent !important;
		}
		.CodeMirror-dialog-top {
		@apply bg-primaryLight;
		@apply border-dividerLight;
		@apply px-4;
		@apply py-2;
		@apply z-5;
		}
		.CodeMirror-scroll {
		@apply min-h-64;
		}
		* {
		font-family: "Roboto Mono", monospace;
		}
		}
@media (max-width: 767px) {		@media (max-width: 767px) {
main {		main {
margin-bottom: env(safe-area-inset-bottom);		margin-bottom: env(safe-area-inset-bottom);
}		}
}		}
End of changes. 17 change blocks.
34 lines changed or deleted		48 lines changed or added

---