balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

style.scss (2380B)

      1 @import "../variable";
      2 .challenge-list-block {
      3     padding: 15px 20px 20px;
      4     margin-bottom: 15px;
      5     background-color: #fff;
      6     overflow: hidden;
      7     border-radius: 4px;
      8     box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
      9     -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
     10     -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
     11 }
     12 
     13 .challenge-bar {
     14     border-radius: 20px;
     15     background-color: #eee;
     16 }
     17 
     18 .challenge-bar div {
     19     width: 0;
     20     height: 20px;
     21     border-radius: 20px;
     22     background-color: $progress-color;
     23 }
     24 
     25 .challenge-list {
     26     list-style: none;
     27     margin: 17px 0 20px;
     28     font-size: 13px;
     29 
     30     li {
     31         margin-bottom: 17px;
     32         i {
     33             display: inline-block;
     34             font-size: 18px;
     35             color: #d6d6d6;
     36             margin-right: 8px;
     37             line-height: 15px;
     38             vertical-align: bottom;
     39             border-radius: 50%;
     40         }
     41 
     42         &.challenge-item-current {
     43             font-weight: bold;
     44         }
     45 
     46         &.challenge-item-current i {
     47             color: $item-current-color;
     48             font-size: 17.5px;
     49             line-height: 1;
     50             text-indent: 0.5px;
     51         }
     52 
     53         &.challenge-item-completed {
     54             font-weight: initial;
     55             text-decoration: line-through;
     56         }
     57 
     58         &.challenge-item-completed i {
     59             color: $item-completed-color;
     60             font-size: 18px;
     61             background-color: #fff;
     62         }
     63 
     64         .dashicons-yes {
     65             display: none;
     66             vertical-align: middle;
     67         }
     68     }
     69 } /* /.challenge-list */
     70 
     71 
     72 button.btn-challenge-start {
     73     font-size: 12px;
     74     padding: 6px 15px;
     75     border: 1px solid $border-color;
     76     background-color: $primary-color;
     77     border-radius: 3px;
     78     color: #fff;
     79     cursor: pointer;
     80     &:hover {
     81         background-color: $hover-color;
     82     }
     83 }
     84 
     85 .btn-challenge-cancel,
     86 .btn-challenge-skip {
     87     margin: 6px 0;
     88     border: 0;
     89     text-decoration: underline;
     90 }
     91 
     92 .btn-challenge-cancel,
     93 .btn-challenge-skip {
     94     align-self: flex-end;
     95     color: #909090;
     96     font-size: 12px;
     97     font-weight: normal;
     98     background: none;
     99 }
    100 
    101 .wpforms-btn-md {
    102     min-height: initial;
    103 }
    104 
    105 .challenge-button-row {
    106     display: flex;
    107     justify-content: space-between;
    108     button {
    109         cursor: pointer;
    110     }
    111 }
    112 .started.challenge-button-row {
    113     align-content: space-between;
    114     flex-direction: column;
    115 }