123456789101112131415161718192021222324252627282930313233343536 |
- .box {
- .box-header {
- display: flex;
- height: 35px;
- width: 100%;
- /*background: linear-gradient(90deg,#b2d9f5,#c2d8f4);*/
- 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%);
- box-shadow: inset 0px -2px 4px rgba(117, 185, 248, 0.52);
- border-bottom: 1px solid rgba(98, 156, 215, 0.05);
- position: relative;
- .title {
- --w: 47px;
- display: flex;
- position: relative;
- height: 100%;
- padding-left: 5px;
- margin-left: var(--w);
- font-size: 18px;
- font-weight: 600;
- color: #094B88;
- align-items: center;
- &:before {
- content: "";
- position: absolute;
- left: calc(1px - var(--w));
- height: 100%;
- width: var(--w);
- background: url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat;
- background-size: 100% 100%;
- }
- }
- }
- }
|