1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- .com-course-skill{
- background:#1a1a1a;
- display:flex;
- flex-direction: row;
- margin-left:10px;
- margin-right: 10px;
- border-radius: 10px;
- margin-top:10px;
- height:80px;
- color:#FFF;
- .skill-number{
- height:100%;
- width:30%;
- display: flex;
- flex-direction: column;
- height:100%;
- .skill-out{
- background:$teacher-main-color;
- border-radius: 10px;
- color:#FFf;
- height:100%;
- .out-bg{
-
- background-repeat: no-repeat;
- background-position:bottom left;
- height:80%;
- margin:10px;
- .txt{
- margin-top:20px;
- font-size:24px;
- }
- .sign{
- font-size:20px;
- }
- }
-
- }
-
- }
- .skill-item{
- border:1px solid $teacher-main-color;
- margin-left:10px;
- width:70%;
- border-radius: 10px;
- display:flex;
- flex-direction: column;
- overflow:hidden;
- padding:10px;
- padding-top:5px;
- line-height: 26px;
- font-size:12px;
- .item{
- height:25px;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
-
- .sign{
- width:10%;
- display: flex;
- height:100%;
- justify-content:center;
- align-items: center;
- .circle{
- width:10px;
- height:10px;
- border-radius: 50%;
- background:$teacher-main-color;
-
- }
- }
- .title{
- display:flex;
- width:90%;
- height:100%;
- justify-content:flex-start;
- align-items: center;
- font-size:12px;
- }
- }
- }
- }
|