_stu-box_header.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. .box {
  2. .box-header {
  3. display: flex;
  4. height: 35px;
  5. width: 100%;
  6. /*background: linear-gradient(90deg,#b2d9f5,#c2d8f4);*/
  7. background: linear-gradient(90deg, rgba(82, 197, 233, 0.411765) 0%, rgba(59, 221, 243, 0.12549) 35.99%, rgba(67, 219, 252, 0.00784314) 87.02%);
  8. box-shadow: inset 0px -2px 4px rgba(117, 185, 248, 0.52);
  9. border-bottom: 1px solid rgba(98, 156, 215, 0.05);
  10. position: relative;
  11. .title {
  12. --w: 47px;
  13. display: flex;
  14. position: relative;
  15. height: 100%;
  16. padding-left: 5px;
  17. margin-left: var(--w);
  18. font-size: 18px;
  19. font-weight: 600;
  20. color: #094B88;
  21. align-items: center;
  22. &:before {
  23. content: "";
  24. position: absolute;
  25. left: calc(1px - var(--w));
  26. height: 100%;
  27. width: var(--w);
  28. background: url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat;
  29. background-size: 100% 100%;
  30. }
  31. }
  32. }
  33. }