"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

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)