You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

71 lines
1.3 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Tab
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. @type : 'module';
  15. @element : 'tab';
  16. @import '../../semantic.config';
  17. /*******************************
  18. UI Tabs
  19. *******************************/
  20. .ui.tab {
  21. display: none;
  22. }
  23. /*******************************
  24. States
  25. *******************************/
  26. /*--------------------
  27. Active
  28. ---------------------*/
  29. .ui.tab.active,
  30. .ui.tab.open {
  31. display: block;
  32. }
  33. /*--------------------
  34. Loading
  35. ---------------------*/
  36. .ui.tab.loading {
  37. position: relative;
  38. overflow: hidden;
  39. display: block;
  40. min-height: @loadingMinHeight;
  41. }
  42. .ui.tab.loading * {
  43. position: @loadingContentPosition !important;
  44. left: @loadingContentOffset !important;
  45. }
  46. .ui.tab.loading:after {
  47. border: none;
  48. position: absolute;
  49. top: @loadingTextDistance;
  50. left: 0%;
  51. content: @loadingText;
  52. color: @lightTextColor;
  53. width: 100%;
  54. height: 100%;
  55. padding-top: @loadingTextDistance;
  56. text-align: @loadingAlign;
  57. background: @loadingBackground;
  58. visibility: visible;
  59. }
  60. .loadUIOverrides();