@inera/ids-design 5.5.0 → 6.0.0

package/components/list/list.css

@@ -1,143 +0,0 @@
-/*******
-* BUTTONS
-********/
-/*******
-* SCROLLBARS
-********/
-/*******
-* FORM
-********/
-/*******
-* A11Y
-********/
-.ids-list {
-  border-top: 0.063rem solid var(--IDS-LIST__BORDER);
-  display: flex;
-  flex-direction: column;
-}
-
-.ids-list-item-separator {
-  height: 0.0625rem;
-  width: 100%;
-  background-color: var(--IDS-LIST__BORDER);
-}
-
-.ids-list-item {
-  padding: 0;
-  margin: 1.25rem 0;
-  display: flex;
-  gap: 1.25rem;
-  position: relative;
-  color: var(--IDS-LIST__COLOR) !important;
-}
-.ids-list-item .ids-list-item__icon--hover {
-  display: none;
-}
-.ids-list-item .ids-list-item__icon,
-.ids-list-item .ids-list-item__icon--hover,
-.ids-list-item .ids-icon {
-  margin-right: 0.5rem;
-  align-self: flex-start;
-  margin-top: 0.525rem;
-}
-.ids-list-item .ids-list-item__date {
-  font-family: "Open Sans";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  letter-spacing: 0.0625rem;
-  text-transform: uppercase;
-}
-.ids-list-item .date-label-col {
-  padding-right: 1.25rem;
-}
-.ids-list-item .ids-list-item__header,
-.ids-list-item ::slotted([slot=headline]) {
-  cursor: pointer;
-  display: inline-flex !important;
-  align-items: center !important;
-  margin-bottom: 0 !important;
-  text-decoration: none;
-  margin-top: 0 !important;
-  color: var(--IDS-LINK--COLORPRESET-1__COLOR) !important;
-  font-style: normal !important;
-  font-family: var(--IDS-HEADING-S__FONT-FAMILY) !important;
-  font-weight: var(--IDS-HEADING-S__FONT-WEIGHT) !important;
-  letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP) !important;
-  font-size: 1.375rem !important;
-  line-height: 1.875rem !important;
-}
-.ids-list-item .ids-list-item__body {
-  margin-top: 1rem;
-}
-.ids-list-item.ids-list-item--interactive {
-  cursor: pointer;
-}
-.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]) {
-  position: absolute !important;
-  left: 0 !important;
-  right: 0 !important;
-  top: 0 !important;
-  bottom: 0 !important;
-  opacity: 0 !important;
-}
-.ids-list-item.ids-list-item--interactive:focus-within {
-  outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
-}
-.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon {
-  display: none;
-}
-.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover {
-  display: flex;
-}
-.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,
-.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]) {
-  color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR) !important;
-  text-decoration: underline !important;
-}
-.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon {
-  display: none;
-}
-.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover {
-  display: flex;
-}
-.ids-list-item.ids-list-item--interactive .ids-list-item__header {
-  outline: none;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header {
-  position: relative;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header ::slotted([slot=interactive]) {
-  position: absolute !important;
-  left: 0 !important;
-  right: 0 !important;
-  top: 0.1875rem !important;
-  bottom: 0.1875rem !important;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus {
-  outline-offset: 0;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover {
-  color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR) !important;
-  text-decoration: underline !important;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon {
-  display: none;
-}
-.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover {
-  display: flex;
-}
-
-.ids-list-item__info {
-  font-size: 1rem;
-  font-family: var(--IDS-FONT-FAMILY-BASE);
-  font-style: italic;
-  font-weight: 400;
-  font-size: 1rem;
-  color: var(--IDS-LIST__ITEM-INFO-COLOR);
-  display: block;
-  margin-bottom: 0;
-  margin-top: 0.625rem;
-}