@procraft/widget-order/dist/CourseItem/Materials/styles.js

Order widget for landing

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MaterialsStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const styles_1 = require("../../components/Container/styles");
const styles_2 = require("../../styles");
const colorLabel = '#8398AC';
// const colorPrimary = '#1D3247';
exports.MaterialsStyled = (0, styled_components_1.default)(styles_1.ContainerStyled) `
  /*
    Добавляем обертку для большей надежности стилей
  */
  ${styles_2.WidgetOrderStyled} & {
    padding-bottom: 15px;

    /* .materials--title {
      display: flex;
      align-items: center;
      color: #a2a2a2;
      margin: 10px 0 15px;

      hr {
        flex: 1;
        height: 2px;
        border: 1px solid lightgrey;
        margin: 0 5px;
      }

      span {
        text-transform: uppercase;
        font-weight: 600;
      }
    } */

    ol {
      margin: 0;
      padding: 0;
      li {
        /* list-style-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.08829 7.41955L2.69328 5.41955C2.23141 4.75706 -0.176796 6.43706 0.285124 7.09955L2.88144 10.8215C3.34332 11.484 4.26332 11.6477 4.92576 11.1858C5.11389 11.0546 5.26077 10.8852 5.36514 10.6965L5.36639 10.6971C5.36639 10.6971 5.36951 10.6896 5.37201 10.684C5.40514 10.6221 5.43514 10.559 5.45889 10.4933C5.99326 9.34334 8.82209 3.53526 12.7733 0.550781C12.7739 0.550781 7.79825 0.676407 4.08833 7.41958L4.08829 7.41955Z' fill='%23585858'/%3E%3C/svg%3E%0A"); */
        list-style: none;
        display: block;
        margin: 10px 0;

        &:last-child {
          margin-bottom: 0;
        }

        &.item {
          display: flex;
          flex-direction: row;

          i {
            width: 13px;
            height: 13px;
            margin-right: 5px;
            top: 1px;
            position: relative;
            flex-shrink: 0;
            flex-grow: 0;
          }

          span {
            text-align: left !important;
          }
        }

        &.separator {
          text-align: center;
          font-size: 11px;
          font-weight: 600;
          color: ${colorLabel};
          list-style-image: none;
          list-style-type: none;
          margin-left: 0;
          text-transform: uppercase;

          span {
            display: flex;
            position: relative;
            align-items: center;

            &:before,
            &:after {
              content: '';
              height: 1px;
              flex: 1;
              background: ${colorLabel};
              margin: 0 5px;
            }
          }
        }
      }
    }

    button {
      &.showAll {
        border: none;
        background: none;
        margin-top: 10px;
        font-size: 13px;
        color: #8b8b8b;
        padding: 0;
        cursor: pointer;

        &:hover {
          color: #5e5e5e;
        }
      }
    }
  }
`;
//# sourceMappingURL=styles.js.map