| @@ -1952,108 +1952,4 @@ | ||
| 1952 | 1952 | font-size: 1rem; |
| 1953 | 1953 | line-height: 1.75; |
| 1954 | 1954 | color: var(--wpie-rgb-dark); |
| 1955 | 1955 | } |
| 1956 | - | |
| 1957 | -.wpie-apps { | |
| 1958 | - max-width: 1200px; | |
| 1959 | - margin: 30px auto; | |
| 1960 | -} | |
| 1961 | - | |
| 1962 | -.wpie-apps__intro { | |
| 1963 | - background-color: var(--wpie-color-bg); | |
| 1964 | - border: 2px solid; | |
| 1965 | - border-image: linear-gradient(to bottom, var(--wpie-color-blue), var(--wpie-color-yellow)) 1; | |
| 1966 | - box-shadow: var(--wpie-shadow); | |
| 1967 | - padding: 32px; | |
| 1968 | - margin-block-end: 30px; | |
| 1969 | -} | |
| 1970 | -.wpie-apps__intro h2 { | |
| 1971 | - margin-block: 0 0.5rem; | |
| 1972 | - font-size: 22px; | |
| 1973 | - color: var(--wpie-color-dark); | |
| 1974 | -} | |
| 1975 | -.wpie-apps__intro p { | |
| 1976 | - margin-block-end: 0; | |
| 1977 | - max-width: 80ch; | |
| 1978 | - font-size: 15px; | |
| 1979 | -} | |
| 1980 | - | |
| 1981 | -.wpie-apps__grid { | |
| 1982 | - display: grid; | |
| 1983 | - gap: 20px; | |
| 1984 | - grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); | |
| 1985 | -} | |
| 1986 | - | |
| 1987 | -.wpie-app-card { | |
| 1988 | - display: flex; | |
| 1989 | - flex-direction: column; | |
| 1990 | - gap: 12px; | |
| 1991 | - padding: 20px; | |
| 1992 | - background-color: #ffffff; | |
| 1993 | - border: 1px solid var(--wpie-border-color); | |
| 1994 | - border-radius: 6px; | |
| 1995 | - box-shadow: var(--wpie-shadow-small); | |
| 1996 | - transition: var(--wpie-transition); | |
| 1997 | -} | |
| 1998 | -.wpie-app-card:hover { | |
| 1999 | - transform: translateY(-2px); | |
| 2000 | - box-shadow: var(--wpie-shadow); | |
| 2001 | -} | |
| 2002 | - | |
| 2003 | -.wpie-app-card__head { | |
| 2004 | - display: flex; | |
| 2005 | - align-items: center; | |
| 2006 | - gap: 12px; | |
| 2007 | -} | |
| 2008 | - | |
| 2009 | -.wpie-app-card__icon { | |
| 2010 | - flex: 0 0 auto; | |
| 2011 | - display: block; | |
| 2012 | - width: 48px; | |
| 2013 | - height: 48px; | |
| 2014 | - border-radius: 11px; | |
| 2015 | - image-rendering: -webkit-optimize-contrast; | |
| 2016 | -} | |
| 2017 | - | |
| 2018 | -.wpie-app-card__title { | |
| 2019 | - margin: 0; | |
| 2020 | - font-size: 16px; | |
| 2021 | - font-weight: 600; | |
| 2022 | - color: var(--wpie-color-dark); | |
| 2023 | -} | |
| 2024 | - | |
| 2025 | -.wpie-app-card__badge { | |
| 2026 | - display: inline-block; | |
| 2027 | - margin-block-start: 3px; | |
| 2028 | - padding: 1px 6px; | |
| 2029 | - border-radius: 3px; | |
| 2030 | - background-color: rgba(var(--wpie-rgb-blurple), 0.08); | |
| 2031 | - color: rgba(var(--wpie-rgb-blurple)); | |
| 2032 | - font-size: 11px; | |
| 2033 | - font-weight: 600; | |
| 2034 | - text-transform: uppercase; | |
| 2035 | -} | |
| 2036 | - | |
| 2037 | -.wpie-app-card__text { | |
| 2038 | - flex-grow: 1; | |
| 2039 | - margin: 0; | |
| 2040 | - font-size: 14px; | |
| 2041 | - line-height: 1.5; | |
| 2042 | -} | |
| 2043 | - | |
| 2044 | -.wpie-app-card__link { | |
| 2045 | - align-self: flex-start; | |
| 2046 | - text-decoration: none; | |
| 2047 | - font-weight: 500; | |
| 2048 | - color: rgba(var(--wpie-rgb-blurple)); | |
| 2049 | -} | |
| 2050 | - | |
| 2051 | -.wpie-apps__footer { | |
| 2052 | - margin-block-start: 24px; | |
| 2053 | - font-size: 14px; | |
| 2054 | -} | |
| 2055 | -.wpie-apps__footer a { | |
| 2056 | - text-decoration: none; | |
| 2057 | - font-weight: 500; | |
| 2058 | - color: rgba(var(--wpie-rgb-blurple)); | |
| 2059 | -} | |
