@developer_tribe/react-builder 1.0.1 → 1.0.3

package/src/styles/global.scss

@@ -1,200 +0,0 @@
-@use './variables' as *;
-@use './mixins' as *;
-@use './reset';
-
-/* Global utility classes */
-html,
-body,
-#root {
-  font-family: $font-sans;
-}
-
-.editor-container {
-  height: 100vh;
-  width: 100vw;
-  display: flex;
-  overflow: hidden; /* Split panels manage their own scroll */
-}
-.editor-panel-builder {
-  padding: 4px 8px;
-}
-.app-shell {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.app-main {
-  flex: 1 1 auto;
-  background: $color-background;
-}
-
-.page-bg {
-  background: $color-background;
-}
-
-.grid-cards {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-  gap: $space-4;
-}
-
-.btn-add {
-  height: 120px;
-  border: 2px dashed $color-muted;
-  border-radius: $radius-md;
-  background: #fff;
-  cursor: pointer;
-  font-weight: 600;
-  color: $color-text;
-  transition:
-    border-color 0.2s ease,
-    transform 0.1s ease,
-    box-shadow 0.2s ease;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-
-  &:hover {
-    border-color: darken($color-muted, 10%);
-    transform: translateY(-1px);
-    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
-  }
-}
-
-.split-left {
-  @include thin-scrollbar;
-  flex: 1 1 30%;
-  min-width: 0;
-  border-right: 1px solid $color-border;
-  overflow: auto;
-}
-
-.split-right {
-  position: relative;
-  flex: 1 1 45%;
-  min-width: 0;
-  max-height: calc(100vh - 120px);
-  overflow: auto;
-}
-
-.split-third {
-  flex: 1 1 25%;
-  min-width: 0;
-  border-right: 1px solid $color-border;
-  overflow: auto;
-  max-height: calc(100vh - 120px);
-}
-
-.split-right-background {
-  position: absolute;
-  inset: 0;
-  background-size: cover;
-  background-position: center;
-  background-repeat: repeat;
-  background-size: 500px auto;
-  opacity: 0.2;
-}
-
-.stage-wrapper {
-  display: flex;
-  justify-content: center;
-  background: $color-background;
-  padding: $space-4;
-}
-
-.stage {
-  @include card;
-  border: 1px solid $color-border;
-
-  .scroll-container {
-    /* Mobile-like scrollbar styling */
-    &::-webkit-scrollbar {
-      width: 8px;
-      height: 8px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.25);
-      border-radius: 8px;
-    }
-
-    /* For Firefox */
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
-  }
-}
-
-/* Header */
-.app-header {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background: #fff;
-  border-bottom: 1px solid $color-border;
-  height: 60px;
-  padding: 0 $space-4;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  a {
-    color: $color-text;
-    text-decoration: none;
-  }
-}
-
-.app-header__brand {
-  font-weight: 700;
-}
-
-.app-header__nav {
-  display: flex;
-  gap: $space-4;
-}
-.warning {
-  color: $color-error;
-  font-size: 12px;
-  font-weight: 600;
-  margin-bottom: $space-4;
-}
-
-/* Breadcrumb */
-.breadcrumb {
-  display: block;
-  font-size: 12px;
-  color: $color-muted;
-}
-
-.breadcrumb__list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  align-items: center;
-  gap: $space-2;
-}
-
-.breadcrumb__item {
-  display: inline-flex;
-  align-items: center;
-}
-
-.breadcrumb__separator {
-  color: $color-border;
-  margin: 0 $space-1;
-}
-
-.breadcrumb__link {
-  color: $color-text;
-  text-decoration: none;
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
-.breadcrumb__current {
-  color: $color-muted;
-}

package/src/styles/pages.scss

@@ -1,2 +0,0 @@
-@use './variables' as *;
-@use './mixins' as *;