_gltfTab.scss 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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-checkbox {
  22. @extend .gltf-action;
  23. &:before {
  24. width : 1em;
  25. height : 1em;
  26. line-height: 1em;
  27. display : inline-block;
  28. font-family: $font-family-icons;
  29. content : "\f0c8";
  30. margin-right:10px;
  31. }
  32. &.active {
  33. &:before {
  34. width : 1em;
  35. height : 1em;
  36. line-height: 1em;
  37. display : inline-block;
  38. font-family: $font-family-icons;
  39. content : "\f14a";
  40. color : $color-bot;
  41. margin-right:10px;
  42. }
  43. }
  44. }
  45. .gltf-input {
  46. background-color: $background-lighter;
  47. border : none;
  48. outline : none;
  49. font-family : $font;
  50. color : darken($color, 10%);
  51. padding : 5px;
  52. margin : 0px 6px 0px 0;
  53. &:hover {
  54. background-color:$background-lighter2;
  55. }
  56. }
  57. .gltf-button {
  58. background-color: $background-lighter;
  59. border : none;
  60. outline : none;
  61. font-family : $font;
  62. color : $color;
  63. padding : 5px 10px;
  64. margin : 0px 6px 0px 0;
  65. &:hover {
  66. background-color:$background-lighter2;
  67. }
  68. &:active {
  69. background-color:$background-lighter3;
  70. }
  71. }
  72. }
  73. }