StreamField.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132
  1. $grid-gutter-width: 30px;
  2. $header-padding-horizontal: 4px;
  3. $header-padding-vertical: 6px;
  4. $header-gutter: 8px;
  5. $header-background: $color-grey-5;
  6. $block-margin-vertical: 4px;
  7. $block-margin-horizontal: 0;
  8. $add-button-size: 34px;
  9. $add-button-font-size: 1.5rem;
  10. $type-button-padding-vertical: 10px;
  11. $type-button-padding-horizontal: 10px;
  12. $children-container-padding: $add-button-size * 0.5;
  13. $content-padding-horizontal: 24px;
  14. $content-padding-vertical: 16px;
  15. $action-font-size: 1.125rem;
  16. $add-transition-duration: 0.3s;
  17. $hover-transition-duration: 0.3s;
  18. $bounce-transition-timing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  19. $border-radius: 3px;
  20. $header-text-color: $color-grey-2;
  21. $block-border-color: $color-grey-4;
  22. $block-border-color-focus: $color-grey-3;
  23. $block-hover-background: $color-grey-5;
  24. $error-border-color: theme('colors.critical.100');
  25. $error-background-color: $color-input-error-bg;
  26. $add-panel-gutter: 8px;
  27. @import 'scss/components/c-sf-add-button';
  28. @import 'scss/components/c-sf-add-panel';
  29. @import 'scss/components/c-sf-button';
  30. @import 'scss/components/c-sf-block';
  31. @import 'scss/components/c-sf-container';