_gltfTab.scss 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .tab-panel {
  2. .gltf-actions {
  3. overflow-y: auto;
  4. padding-left: 5px;
  5. .gltf-title {
  6. font-size : 1.1em;
  7. padding-bottom: 10px;
  8. border-bottom : 1px solid $color-bot;
  9. margin : 10px 0 10px 0;
  10. }
  11. .gltf-action {
  12. height : 20px;
  13. line-height: 20px;
  14. width : 100%;
  15. cursor : pointer;
  16. white-space: nowrap;
  17. &:hover {
  18. background-color: $background-lighter;
  19. }
  20. }
  21. .gltf-icon {
  22. width : 1em;
  23. height : 1em;
  24. line-height: 1em;
  25. display : inline-block;
  26. font-family: $font-family-icons;
  27. margin-right:10px;
  28. }
  29. .gltf-checkbox {
  30. @extend .gltf-action;
  31. &:before {
  32. width : 1em;
  33. height : 1em;
  34. line-height: 1em;
  35. display : inline-block;
  36. font-family: $font-family-icons;
  37. content : "\f0c8";
  38. margin-right:10px;
  39. }
  40. &.active {
  41. &:before {
  42. width : 1em;
  43. height : 1em;
  44. line-height: 1em;
  45. display : inline-block;
  46. font-family: $font-family-icons;
  47. content : "\f14a";
  48. color : $color-bot;
  49. margin-right:10px;
  50. }
  51. }
  52. }
  53. .gltf-input {
  54. background-color: $background-lighter;
  55. border : none;
  56. outline : none;
  57. font-family : $font;
  58. color : darken($color, 10%);
  59. padding : 5px;
  60. margin : 0px 6px 0px 0;
  61. &:hover {
  62. background-color:$background-lighter2;
  63. }
  64. }
  65. .gltf-button {
  66. background-color: $background-lighter;
  67. border : none;
  68. outline : none;
  69. font-family : $font;
  70. color : $color;
  71. padding : 5px 10px;
  72. margin : 0px 6px 0px 0;
  73. &:hover {
  74. background-color:$background-lighter2;
  75. }
  76. &:active {
  77. background-color:$background-lighter3;
  78. }
  79. }
  80. }
  81. }