| @@ -26,8 +26,82 @@ | ||
| 26 | 26 | .wp-block-group { |
| 27 | 27 | --lp-container-max-width: var(--wp--style--global--wide-size); |
| 28 | 28 | } |
| 29 | 29 | |
| 30 | +/** | |
| 31 | +* Style for the buttons | |
| 32 | +*/ | |
| 33 | +.lp-btn-edit-primary { | |
| 34 | + border: none; | |
| 35 | + background: #135e96; | |
| 36 | + color: #fff; | |
| 37 | +} | |
| 38 | +.lp-btn-edit-primary:not(.active) { | |
| 39 | + opacity: 0.5; | |
| 40 | +} | |
| 41 | +.lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover { | |
| 42 | + background: #135E96; | |
| 43 | + color: #fff; | |
| 44 | + opacity: 1; | |
| 45 | +} | |
| 46 | + | |
| 47 | +/* 5. Minimal Bottom Line */ | |
| 48 | +.btn-line::after { | |
| 49 | + content: ""; | |
| 50 | + position: absolute; | |
| 51 | + bottom: 0; | |
| 52 | + left: 0; | |
| 53 | + height: 4px; | |
| 54 | + width: 0%; | |
| 55 | + background-color: #38bdf8; | |
| 56 | + animation: lineLoad 2s ease-in-out infinite; | |
| 57 | +} | |
| 58 | + | |
| 59 | +@keyframes lineLoad { | |
| 60 | + 0% { | |
| 61 | + width: 0%; | |
| 62 | + left: 0; | |
| 63 | + } | |
| 64 | + 50% { | |
| 65 | + width: 100%; | |
| 66 | + left: 0; | |
| 67 | + } | |
| 68 | + 100% { | |
| 69 | + width: 0%; | |
| 70 | + left: 100%; | |
| 71 | + } | |
| 72 | +} | |
| 73 | +.lp-button { | |
| 74 | + padding: 8px 16px; | |
| 75 | + border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 76 | + border-radius: var(--lp-border-radius, 5px); | |
| 77 | + color: #374151; | |
| 78 | + font-weight: 500; | |
| 79 | + text-decoration: none; | |
| 80 | + cursor: pointer; | |
| 81 | +} | |
| 82 | +.lp-button.loading { | |
| 83 | + position: relative; | |
| 84 | + display: flex; | |
| 85 | + align-items: center; | |
| 86 | + justify-content: center; | |
| 87 | + pointer-events: none; | |
| 88 | + color: rgba(0, 0, 0, 0.2) !important; | |
| 89 | +} | |
| 90 | +.lp-button.loading:before { | |
| 91 | + position: absolute; | |
| 92 | + display: inline-block; | |
| 93 | + font-family: "lp-icon"; | |
| 94 | + content: "\f110"; | |
| 95 | + animation: lp-rotating 1s linear infinite; | |
| 96 | + font-variant: normal; | |
| 97 | + text-transform: none; | |
| 98 | + -webkit-font-smoothing: antialiased; | |
| 99 | + -moz-osx-font-smoothing: grayscale; | |
| 100 | + vertical-align: middle; | |
| 101 | + color: black; | |
| 102 | +} | |
| 103 | + | |
| 30 | 104 | .learn-press-message { |
| 31 | 105 | position: relative; |
| 32 | 106 | margin: 0 !important; |
| 33 | 107 | padding: 10px 20px; |
| @@ -665,18 +739,19 @@ | ||
| 665 | 739 | box-shadow: none; |
| 666 | 740 | outline: none; |
| 667 | 741 | } |
| 668 | 742 | .course-curriculum .section-item__loadmore.loading button:before { |
| 743 | + position: absolute; | |
| 669 | 744 | display: inline-block; |
| 670 | 745 | font-family: "lp-icon"; |
| 671 | 746 | content: "\f110"; |
| 672 | 747 | animation: lp-rotating 1s linear infinite; |
| 673 | - margin-right: 5px; | |
| 674 | 748 | font-variant: normal; |
| 675 | 749 | text-transform: none; |
| 676 | 750 | -webkit-font-smoothing: antialiased; |
| 677 | 751 | -moz-osx-font-smoothing: grayscale; |
| 678 | 752 | vertical-align: middle; |
| 753 | + color: black; | |
| 679 | 754 | } |
| 680 | 755 | .course-curriculum .section-header { |
| 681 | 756 | display: table; |
| 682 | 757 | width: 100%; |
| @@ -891,18 +966,19 @@ | ||
| 891 | 966 | margin-top: 20px; |
| 892 | 967 | margin-bottom: 20px; |
| 893 | 968 | } |
| 894 | 969 | .course-curriculum .curriculum-more__button.loading:before { |
| 970 | + position: absolute; | |
| 895 | 971 | display: inline-block; |
| 896 | 972 | font-family: "lp-icon"; |
| 897 | 973 | content: "\f110"; |
| 898 | 974 | animation: lp-rotating 1s linear infinite; |
| 899 | - margin-right: 5px; | |
| 900 | 975 | font-variant: normal; |
| 901 | 976 | text-transform: none; |
| 902 | 977 | -webkit-font-smoothing: antialiased; |
| 903 | 978 | -moz-osx-font-smoothing: grayscale; |
| 904 | 979 | vertical-align: middle; |
| 980 | + color: black; | |
| 905 | 981 | } |
| 906 | 982 | |
| 907 | 983 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| 908 | 984 | float: right; |
| @@ -1338,8 +1414,26 @@ | ||
| 1338 | 1414 | min-height: 100vh; |
| 1339 | 1415 | text-align: center; |
| 1340 | 1416 | align-items: center; |
| 1341 | 1417 | justify-content: center; |
| 1418 | + /*.lp-button { | |
| 1419 | + cursor: pointer; | |
| 1420 | + border: 1px solid $border-color; | |
| 1421 | + border-radius: $border-radius-global; | |
| 1422 | + padding: $spacing-base-2x $spacing-base-4x; | |
| 1423 | + | |
| 1424 | + &.loading { | |
| 1425 | + pointer-events: none; | |
| 1426 | + opacity: 0.8; | |
| 1427 | + @include loading(); | |
| 1428 | + } | |
| 1429 | + | |
| 1430 | + &:hover { | |
| 1431 | + border-color: $color-primary; | |
| 1432 | + color: #fff; | |
| 1433 | + background: $color-primary; | |
| 1434 | + } | |
| 1435 | + }*/ | |
| 1342 | 1436 | } |
| 1343 | 1437 | .lp-modal-dialog .learn-press-message { |
| 1344 | 1438 | width: auto; |
| 1345 | 1439 | margin: 0 !important; |
| @@ -1408,35 +1502,8 @@ | ||
| 1408 | 1502 | display: flex; |
| 1409 | 1503 | align-items: center; |
| 1410 | 1504 | gap: 10px; |
| 1411 | 1505 | } |
| 1412 | -.lp-modal-dialog .lp-button { | |
| 1413 | - cursor: pointer; | |
| 1414 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 1415 | - border-radius: var(--lp-border-radius, 5px); | |
| 1416 | - padding: 8px 16px; | |
| 1417 | -} | |
| 1418 | -.lp-modal-dialog .lp-button.loading { | |
| 1419 | - pointer-events: none; | |
| 1420 | - opacity: 0.8; | |
| 1421 | -} | |
| 1422 | -.lp-modal-dialog .lp-button.loading:before { | |
| 1423 | - display: inline-block; | |
| 1424 | - font-family: "lp-icon"; | |
| 1425 | - content: "\f110"; | |
| 1426 | - animation: lp-rotating 1s linear infinite; | |
| 1427 | - margin-right: 5px; | |
| 1428 | - font-variant: normal; | |
| 1429 | - text-transform: none; | |
| 1430 | - -webkit-font-smoothing: antialiased; | |
| 1431 | - -moz-osx-font-smoothing: grayscale; | |
| 1432 | - vertical-align: middle; | |
| 1433 | -} | |
| 1434 | -.lp-modal-dialog .lp-button:hover { | |
| 1435 | - border-color: var(--lp-primary-color, #ffb606); | |
| 1436 | - color: #fff; | |
| 1437 | - background: var(--lp-primary-color, #ffb606); | |
| 1438 | -} | |
| 1439 | 1506 | |
| 1440 | 1507 | .lp-button.btn-finish-course { |
| 1441 | 1508 | cursor: pointer; |
| 1442 | 1509 | width: 100%; |
| @@ -1455,24 +1522,8 @@ | ||
| 1455 | 1522 | .lp-button.btn-finish-course:hover { |
| 1456 | 1523 | background-color: var(--lp-secondary-color, #442e66); |
| 1457 | 1524 | border-color: var(--lp-secondary-color, #442e66); |
| 1458 | 1525 | } |
| 1459 | -.lp-button.btn-finish-course.loading { | |
| 1460 | - pointer-events: none; | |
| 1461 | - opacity: 0.8; | |
| 1462 | -} | |
| 1463 | -.lp-button.btn-finish-course.loading:before { | |
| 1464 | - display: inline-block; | |
| 1465 | - font-family: "lp-icon"; | |
| 1466 | - content: "\f110"; | |
| 1467 | - animation: lp-rotating 1s linear infinite; | |
| 1468 | - margin-right: 5px; | |
| 1469 | - font-variant: normal; | |
| 1470 | - text-transform: none; | |
| 1471 | - -webkit-font-smoothing: antialiased; | |
| 1472 | - -moz-osx-font-smoothing: grayscale; | |
| 1473 | - vertical-align: middle; | |
| 1474 | -} | |
| 1475 | 1526 | |
| 1476 | 1527 | /** |
| 1477 | 1528 | * Mixin |
| 1478 | 1529 | */ |
| @@ -1542,18 +1593,19 @@ | ||
| 1542 | 1593 | opacity: 0.8; |
| 1543 | 1594 | } |
| 1544 | 1595 | .wp-block-learnpress-course-button-read-more.loading:before, |
| 1545 | 1596 | .wp-block-learnpress-course-button.loading:before { |
| 1597 | + position: absolute; | |
| 1546 | 1598 | display: inline-block; |
| 1547 | 1599 | font-family: "lp-icon"; |
| 1548 | 1600 | content: "\f110"; |
| 1549 | 1601 | animation: lp-rotating 1s linear infinite; |
| 1550 | - margin-right: 5px; | |
| 1551 | 1602 | font-variant: normal; |
| 1552 | 1603 | text-transform: none; |
| 1553 | 1604 | -webkit-font-smoothing: antialiased; |
| 1554 | 1605 | -moz-osx-font-smoothing: grayscale; |
| 1555 | 1606 | vertical-align: middle; |
| 1607 | + color: black; | |
| 1556 | 1608 | } |
| 1557 | 1609 | |
| 1558 | 1610 | @media (min-width: 992px) { |
| 1559 | 1611 | .lp-block-course-sidebar { |
| @@ -2169,22 +2221,5 @@ | ||
| 2169 | 2221 | } |
| 2170 | 2222 | |
| 2171 | 2223 | .lp-sidebar-toggle__open .js-block-sidebar { |
| 2172 | 2224 | display: block; |
| 2173 | -} | |
| 2174 | - | |
| 2175 | -.lp-button.loading { | |
| 2176 | - pointer-events: none; | |
| 2177 | - opacity: 0.8; | |
| 2178 | -} | |
| 2179 | -.lp-button.loading:before { | |
| 2180 | - display: inline-block; | |
| 2181 | - font-family: "lp-icon"; | |
| 2182 | - content: "\f110"; | |
| 2183 | - animation: lp-rotating 1s linear infinite; | |
| 2184 | - margin-right: 5px; | |
| 2185 | - font-variant: normal; | |
| 2186 | - text-transform: none; | |
| 2187 | - -webkit-font-smoothing: antialiased; | |
| 2188 | - -moz-osx-font-smoothing: grayscale; | |
| 2189 | - vertical-align: middle; | |
| 2190 | 2225 | } |
