@vendasta/store/package-dropdown/package-dropdown.component.css

Components and data for Store

.package-dropdown-font { color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 400; }

.package-list-container { border-top: 1px solid rgba(0, 0, 0, 0.12); padding: 0; }
.package-list-container mat-list { padding: 0; }
.package-list-container mat-list .package-list .package-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.package-list-container mat-list .package-list .product-list { background-color: rgba(0, 0, 0, 0.04); overflow: hidden; }
.package-list-container mat-list .package-list .product-list .left-indent { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-left: 30px; }

.package-dropdown-layout { display: flex; flex-direction: row; align-items: center; }
.package-dropdown-layout .package-notice { width: max-content; font-style: italic; }
@media screen and (max-width: 500px) { .package-dropdown-layout p { display: none; } }
.package-dropdown-layout mat-icon { padding: 0; }
.package-dropdown-layout button { padding: 0; min-width: 0; }
.package-dropdown-layout button .dropdown-icon { color: rgba(0, 0, 0, 0.54); }
.package-dropdown-layout button .dropdown-icon-rotate-down { transform: rotate(180deg); transition: .4s all ease; pointer-events: none; }
.package-dropdown-layout button .dropdown-icon-rotate-up { transform: rotate(0deg); transition: .4s all ease; pointer-events: none; }

.package-dropdown-stencil-display { display: flex; width: 100%; flex-grow: 1; }
.package-dropdown-stencil-display va-icon { margin-right: 20px; }
.package-dropdown-stencil-display .stencil-text { width: inherit; display: flex; flex-direction: column; justify-content: center; }
.package-dropdown-stencil-display .stencil-text .stencil-title { height: 32px; width: 40%; margin-bottom: 5px !important; margin-top: 0 !important; }
.package-dropdown-stencil-display .stencil-text .stencil-tagline { height: 32px; width: inherit; }

.package-dropdown-status { display: flex; flex-direction: row; align-items: center; }
.package-dropdown-status p { padding-left: 6px; font-size: 14px; white-space: nowrap; }
.package-dropdown-status .activated { color: #4caf50; }
.package-dropdown-status .warning { color: #ffa000; }
.package-dropdown-status .error { color: #c62828; }