File Manager

✏️ Edit File: /home/mklsvubc/pyan.co.uk/wp-content/plugins/latepoint/lib/assets/stylesheets/admin/_addons.scss

.addons-boxes-w {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: $content-padding;

.addon-box {
    background-color: #fff;
    border: 1px solid $border-color-light;
    border-radius: $border-radius-lg;
    position: relative;
    @include white-box();

&.status-is-featured {
    }

&.status-activated {
    }

&.status-installed {
      .addon-name {
      }

.addon-desc {
      }
    }

&.status-update-available {
      box-shadow: inset 0px 0px 0px 2px #fce687;
      background: #fff8cb;
      border-color: #fce687;
      order: -1;

.addon-name {
        color: #212121;
      }

.addon-desc {
        color: #8e7e4b;
      }
      .addon-media {
        border-color: #fff;
      }
    }
  }

.addon-label {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: #4a92ff;
    color: #fff;
    border-radius: 0px 10px 0px 10px;
    line-height: 1.1;
    padding: 4px 14px 7px 12px;
    font-size: floor($font-size-base * 1.2);
    font-weight: $body-font-weight-bold;

i, span {
      display: inline-block;
      vertical-align: middle;
    }

i {
      margin-right: 7px;
      font-size: 16px;
    }
  }

.addon-media {
    padding-bottom: 65%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 5px;
    border-radius: $border-radius-lg;
    background-color: #fff;
  }

.addon-header {
  }

.addon-name {
    flex: 1;
    margin: 0px;
    padding: 30px 20px 0px;
    font-size: $body-font-size-m;
    border-top: 1px solid $border-color-lightest;

a {
      display: inline-block;
      text-decoration: none;
      color: $headings-color;

&:hover {
        color: $brand-primary;

span {
          border-bottom-color: $brand-primary;
          border-bottom-style: solid;
        }
      }
    }

span {
      display: inline-block;
      border-bottom: 1px dotted $headings-color;
      margin-right: 4px;
    }

i {
      font-size: 14px;
    }
  }

.addon-body {
    padding: 10px 20px 20px;
    font-size: floor($font-size-base * 0.95);
    line-height: 1.35;
    color: $color-faded;
    padding-bottom: 85px;
  }

.addon-desc {

}

.addon-meta {
    margin-top: 10px;
    font-size: floor($font-size-base * 0.7);
    color: $body-color;

div {
      display: inline-block;
      border: 1px dotted #6c7088;
      margin-right: 5px;
      padding: 1px 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1.3;
      border-radius: 4px;
    }
  }

.addon-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px;
    text-align: right;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #f8f8f8;
    border-radius: 0 0 $border-radius-lg $border-radius-lg;

.addon-price {
      font-weight: $body-font-weight-bold;
      margin-right: auto;
      font-size: 22px;
      line-height: 1;
      color: $headings-color;
      padding-left: 5px;
    }

a:first-child {
      margin-left: auto;
    }

.os-addon-activated-label {
      display: block;
      text-align: center;
      background-color: #caffd6;
      border: 1px solid #57d675;
      color: #235b33;
      text-decoration: none;
      padding: 0px 6px;
      border-radius: $border-radius-sm;
      font-weight: $body-font-weight-bold;

.latepoint-icon {
        font-size: 12px;
      }

span {
        padding: 3px 0px;
        display: inline-block;
        vertical-align: middle;
      }

span + span {
        margin-left: 6px;
      }
    }

.os-subtle-addon-action-btn {
      display: block;
      color: #395175;
      text-decoration: none;
      border: none;
      font-size: 12px;
      margin-right: 10px;
      opacity: 0.8;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      position: relative;

&:focus {
        outline: none;
        box-shadow: none;
      }

&.os-loading {
        &:before {
          @include loading-circle($brand-primary, 12px);
          left: -10px;
        }
      }
    }

.os-update-plugin-link {
      display: block;
      text-align: center;
      background-color: #fff;
      border: 1px solid $brand-primary;
      color: $brand-primary;
      text-decoration: none;
      padding: 0px 8px;
      border-radius: $border-radius-sm;

span {
        padding: 3px 0px;
        display: inline-block;
        vertical-align: middle;
      }

span + span {
        border-left: 1px solid $brand-primary;
        padding-left: 8px;
        margin-left: 8px;
      }
    }

.os-install-addon-btn, .os-purchase-addon-btn {
      display: block;
      text-align: center;
      background-color: #fff;
      border: 1px solid $brand-primary;
      color: $brand-primary;
      text-decoration: none;
      padding: 0px 8px;
      border-radius: $border-radius-sm;

span {
        padding: 3px 0px;
        display: inline-block;
        vertical-align: middle;
      }

span + span {
        border-left: 1px solid $brand-primary;
        padding-left: 8px;
        margin-left: 8px;
      }

&.os-loading {
        span:first-child {
          color: transparent;
          position: relative;

&:before {
            @include loading-circle($brand-primary, 12px);
          }
        }
      }
    }
  }
}

.addons-categories-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid $border-color-lightest;
  margin-bottom: 30px;

.addon-category-filter-trigger {
    white-space: nowrap;
    padding: 0 0 10px 0;
    font-size: $body-font-size-m;
    font-weight: $body-font-weight-bold;
    color: $color-faded;
    cursor: pointer;
    position: relative;
    &:hover:not(.is-selected){
      color: $headings-color;
    }
    &.is-selected {
      color: $headings-color;
      &:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        border-radius: 4px;
        height: 3px;
        background-image: linear-gradient(45deg, #702fdb, #ffc390);
      }
    }
  }
}

.addon-messages-wrapper {
  margin-bottom: 30px;
  .addon-message {
    padding: 15px 20px;
    background-color: #eee;
    border: 2px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
      border-radius: 6px;
    .message-title {
      font-weight: $body-font-weight-bold;
      font-size: floor($font-size-base * 1.2);
      color: $headings-color;
      margin-bottom: 5px;
    }
    .message-content {
      color: $headings-color;
      font-size: floor($font-size-base * 1.1);
      font-weight: $body-font-weight-bold;
    }
    + .addon-message {
      margin-top: 10px;
    }
    &.addon-message-type-info {
      background-color: #f1fff1;
      border: 1px solid #bbe2b9;
      position: relative;
      padding-left: 50px;
      &:before {
        animation: 1s ease 0s pulseSuccessPill infinite;
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        width: 10px;
        height: 10px;
        text-align: center;
        border-radius: 50%;
        z-index: 3;
        content: "";
        background-color: #63a0e5;
        box-shadow: 0px 1px 0px 0px rgba(123, 169, 255, 0.5), 0px 0px 0px 6px rgba(138, 179, 255, 0.25), 0px 0px 0px 10px rgba(138, 185, 255, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
        border: 1px solid #3178d4;
        border-bottom-color: #2f71c8;
      }
    }
  }
  .addon-message-buttons-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    .message-link {
      display: inline-flex;
      font-weight: $body-font-weight-bold;
      align-items: center;
      text-decoration: none;
      gap: 5px;
      padding: 5px 10px;
      background-color: $brand-primary;
      color: #fff;
      border-radius: 6px;
    }
    .message-dismiss-button {
      font-weight: $body-font-weight-bold;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      text-decoration: none;
      padding: 5px 10px;
      border-radius: 6px;
      background-color: #cff8cf;
      color: #000;
      position: relative;
      &.os-loading {
        color: transparent;
        &:before {
          @include loading-circle(#000, 12px);
        }
      }
    }
  }
}

Batal

⬅ Naik ke stylesheets 46 item

Nama	Tipe	Ukuran	Diubah	Aksi
📄_activities.scss	scss	4.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_addons.scss	scss	8.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_agents.scss	scss	13.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_animations.scss	scss	13.6 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_booking_form_preview.scss	scss	38.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_bookings.scss	scss	11.7 KB	2026-06-15 12:21	✏️ Edit 👁️ View
📄_bundles.scss	scss	5.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_buttons.scss	scss	9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_calendars.scss	scss	67.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_categories.scss	scss	4.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_customers.scss	scss	14.7 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_dark.scss	scss	7.1 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_daterangepicker.scss	scss	9.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_elements.scss	scss	5.7 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_forms.scss	scss	54.2 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_grid.scss	scss	1.7 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_grid_variables.scss	scss	864 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_icons.scss	scss	66.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_latecheckbox.scss	scss	3.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_lateselect.scss	scss	3.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_layout.scss	scss	17.1 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_lightbox.scss	scss	3.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_menu.scss	scss	12 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_messages.scss	scss	1.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_misc.scss	scss	18.5 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_mixins.scss	scss	14.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_notifications.scss	scss	2.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_orders.scss	scss	23.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_pickr.scss	scss	5.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_processes.scss	scss	15.4 KB	2026-05-14 14:27	✏️ Edit 👁️ View
📄_quick_availability.scss	scss	7.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_reminders.scss	scss	3.5 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_responsive.scss	scss	58.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_roles.scss	scss	5.3 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_schedule.scss	scss	9.5 KB	2026-03-19 14:44	✏️ Edit 👁️ View
📄_services.scss	scss	11 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_settings.scss	scss	13.9 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_side-panel.scss	scss	15.5 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_steps.scss	scss	2 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_tables.scss	scss	21 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_type.scss	scss	608 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_updates.scss	scss	10.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_utilities.scss	scss	1.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_variables.scss	scss	5.3 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_widgets.scss	scss	45.9 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_wizard.scss	scss	16.4 KB	2026-04-13 15:58	✏️ Edit 👁️ View