# ultimate-store-kit/2.0.0/assets/css/usk-info-list.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 2.0.0. 63 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.0/code/assets/css/usk-info-list.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.0/raw/assets/css/usk-info-list.css
- Modified: 2024-08-14T10:46:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/2.0.0/code/assets/css/usk-info-list.css#L10-L20`.

```css
.usk-info-list {
  display: grid;
}
.usk-info-list .usk-content {
  width: 100%;
}

.usk-info-list-item {
  position: relative;
  padding: 20px;
  display: inline-flex;
}

.usk-info-list-icon span {
  color: #2B2D42;
  font-size: 16px;
  display: inline-flex;
}
.usk-info-list-icon svg {
  fill: #2B2D42;
  width: 1em;
  height: 1em;
}

.usk-info-list-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.usk-info-list-title a {
  color: #2B2D42;
  transition: all 0.3s ease;
}
.usk-info-list-title a:hover {
  color: #D90429;
}

.usk-info-list-text {
  font-size: 15px;
  color: #2B2D42;
}
.usk-info-list-text p {
  margin: 0;
}

.usk-info-style-top .usk-info-list-item {
  flex-direction: column;
}

.usk-info-style-left .usk-info-list-item {
  align-items: center;
  flex-direction: row;
}

.usk-info-style-right .usk-info-list-item {
  align-items: center;
  flex-direction: row-reverse;
}

.usk-info-style-right .usk-content {
  text-align: right;
}
```