Home Explore Help
Register Sign In
prc
/
plc-sim
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
plc-sim
/
client
/
node_modules
/
vuetify
/
lib
/
labs
/
VSkeletonLoader
/
_variables.scss

_variables.scss 2.4 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344 
  1. @use '../../styles/settings';
    2. 

  2. @use '../../styles/tools';
    3. 

  3. 

  4. $skeleton-loader-actions-button-margin: 12px !default;
    5. 

  5. $skeleton-loader-actions-padding: 16px 16px 8px !default;
    6. 

  6. $skeleton-loader-avatar-height: 48px !default;
    7. 

  7. $skeleton-loader-avatar-margin: 8px 16px !default;
    8. 

  8. $skeleton-loader-avatar-width: 48px !default;
    9. 

  9. $skeleton-loader-background: rgb(var(--v-theme-surface)) !default;
    10. 

  10. $skeleton-loader-bone-background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), .3), rgba(var(--v-theme-surface), 0)) !default;
    11. 

  11. $skeleton-loader-border-radius: settings.$border-radius-root !default;
    12. 

  12. $skeleton-loader-button-border-radius: settings.$border-radius-root !default;
    13. 

  13. $skeleton-loader-button-height: 36px !default;
    14. 

  14. $skeleton-loader-button-width: 64px !default;
    15. 

  15. $skeleton-loader-chip-border-radius: 16px !default;
    16. 

  16. $skeleton-loader-chip-height: 32px !default;
    17. 

  17. $skeleton-loader-chip-width: 96px !default;
    18. 

  18. $skeleton-loader-date-picker-border-radius: inherit !default;
    19. 

  19. $skeleton-loader-date-picker-days-margin: 4px !default;
    20. 

  20. $skeleton-loader-date-picker-heading-max-width: 256px !default;
    21. 

  21. $skeleton-loader-date-picker-heading-width: 40% !default;
    22. 

  22. $skeleton-loader-date-picker-text-max-width: 88px !default;
    23. 

  23. $skeleton-loader-date-picker-text-width: 20% !default;
    24. 

  24. $skeleton-loader-divider-border-radius: 1px !default;
    25. 

  25. $skeleton-loader-divider-height: 2px !default;
    26. 

  26. $skeleton-loader-gutter: 16px !default;
    27. 

  27. $skeleton-loader-heading-border-radius: 12px !default;
    28. 

  28. $skeleton-loader-heading-height: 24px !default;
    29. 

  29. $skeleton-loader-image-height: 150px !default;
    30. 

  30. $skeleton-loader-loading-animation: loading 1.5s infinite !default;
    31. 

  31. $skeleton-loader-loading-transform: translateX(-100%) !default;
    32. 

  32. $skeleton-loader-subtitle-max-width: 70% !default;
    33. 

  33. $skeleton-loader-subtitle-text-border-radius: 8px !default;
    34. 

  34. $skeleton-loader-subtitle-text-height: 16px !default;
    35. 

  35. $skeleton-loader-table-cell-height: 48px !default;
    36. 

  36. $skeleton-loader-table-cell-width: 88px !default;
    37. 

  37. $skeleton-loader-table-row-margin: 0 8px !default;
    38. 

  38. $skeleton-loader-table-row-text-margin: 8px !default;
    39. 

  39. $skeleton-loader-text-background: rgba(var(--v-theme-on-surface), var(--v-border-opacity)) !default;
    40. 

  40. $skeleton-loader-text-border-radius: 6px !default;
    41. 

  41. $skeleton-loader-text-height: 12px !default;
    42. 

  42. $skeleton-loader-text-three-text-max-width: 70% !default;
    43. 

  43. $skeleton-loader-text-two-text-margin-top: -8px !default;
    44. 

  44. $skeleton-loader-text-two-text-max-width: 50% !default;
    45.