CourseSkill.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .com-course-skill{
  2. background:#1a1a1a;
  3. display:flex;
  4. flex-direction: row;
  5. margin-left:10px;
  6. margin-right: 10px;
  7. border-radius: 10px;
  8. margin-top:10px;
  9. height:80px;
  10. color:#FFF;
  11. .skill-number{
  12. height:100%;
  13. width:30%;
  14. display: flex;
  15. flex-direction: column;
  16. height:100%;
  17. .skill-out{
  18. background:$teacher-main-color;
  19. border-radius: 10px;
  20. color:#FFf;
  21. height:100%;
  22. .out-bg{
  23. background-repeat: no-repeat;
  24. background-position:bottom left;
  25. height:80%;
  26. margin:10px;
  27. .txt{
  28. margin-top:20px;
  29. font-size:24px;
  30. }
  31. .sign{
  32. font-size:20px;
  33. }
  34. }
  35. }
  36. }
  37. .skill-item{
  38. border:1px solid $teacher-main-color;
  39. margin-left:10px;
  40. width:70%;
  41. border-radius: 10px;
  42. display:flex;
  43. flex-direction: column;
  44. overflow:hidden;
  45. padding:10px;
  46. padding-top:5px;
  47. line-height: 26px;
  48. font-size:12px;
  49. .item{
  50. height:25px;
  51. display: flex;
  52. flex-direction: row;
  53. justify-content: flex-start;
  54. align-items: center;
  55. .sign{
  56. width:10%;
  57. display: flex;
  58. height:100%;
  59. justify-content:center;
  60. align-items: center;
  61. .circle{
  62. width:10px;
  63. height:10px;
  64. border-radius: 50%;
  65. background:$teacher-main-color;
  66. }
  67. }
  68. .title{
  69. display:flex;
  70. width:90%;
  71. height:100%;
  72. justify-content:flex-start;
  73. align-items: center;
  74. font-size:12px;
  75. }
  76. }
  77. }
  78. }