Sol Ring - Commander 2018

Mana Market Verified independent store

→

: Add . Mana cost Type Artifact Rarity Uncommon Artist Mike Bierek .spc-mtg { /* These are deliberately neutral semi-transparent greys, not fixed black or white, so the panel reads correctly on a light or a dark theme without needing a prefers-color-scheme block. Override them in your theme if you want brand colours. */ --spc-border: rgba(128, 128, 128, 0.3); --spc-legal: #2f7d4f; --spc-restricted: #b07419; --spc-banned: #a93226; --spc-neutral: #8a8a8a; font-size: 0.95rem; line-height: 1.55; } /* ---------- Rules text ---------- */ .spc-mtg .spc-text { margin: 0 0 1.25rem; } .spc-mtg .spc-line { margin: 0 0 0.7rem; } .spc-mtg .spc-line:last-child { margin-bottom: 0; } .spc-mtg .spc-text strong { font-weight: 700; } .spc-mtg .spc-reminder { font-style: italic; opacity: 0.68; } /* ---------- Double faced cards ---------- */ .spc-mtg .spc-face { margin: 0 0 1rem; } .spc-mtg .spc-face-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; font-weight: 600; } .spc-mtg .spc-face-cost { display: inline-flex; gap: 2px; flex-shrink: 0; } .spc-mtg .spc-face-type { opacity: 0.62; font-size: 0.875rem; margin-bottom: 0.4rem; } .spc-mtg .spc-face-pt { text-align: right; font-weight: 600; margin-top: 0.3rem; } /* ---------- Info rows ---------- */ .spc-mtg .spc-row { display: grid; grid-template-columns: minmax(100px, 150px) 1fr; gap: 0.75rem; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid var(--spc-border); } .spc-mtg .spc-row:last-of-type { border-bottom: none; } .spc-mtg .spc-label { font-weight: 600; opacity: 0.62; font-size: 0.8125rem; letter-spacing: 0.02em; text-transform: uppercase; } /* Links on the stat values are removed for now. Storepass search URLs do not resolve on Shopify. When a working URL pattern exists, wrap the value in an anchor and uncomment the .spc-value a rules below. .spc-mtg .spc-value a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--spc-border); transition: border-color 0.15s ease; } .spc-mtg .spc-value a:hover { border-bottom-color: currentColor; } .spc-mtg .spc-value a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } */ .spc-mtg .spc-costline { display: flex; flex-wrap: wrap; gap: 3px; align-items: center; } .spc-mtg .spc-pt { display: flex; align-items: center; gap: 0.3rem; } .spc-mtg .spc-slash { opacity: 0.45; } .spc-mtg .spc-symbol { width: 15px; height: 15px; vertical-align: -2px; display: inline-block; } /* ---------- Rarity ---------- */ .spc-mtg .spc-rarity { display: inline-flex; align-items: center; gap: 0.45rem; } .spc-mtg .spc-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; background: var(--spc-neutral); } .spc-mtg .spc-rarity-common .spc-dot { background: currentColor; } .spc-mtg .spc-rarity-uncommon .spc-dot { background: linear-gradient(135deg, #b9c4cc, #7d8a94); } .spc-mtg .spc-rarity-rare .spc-dot { background: linear-gradient(135deg, #d9bb52, #a3822f); } .spc-mtg .spc-rarity-mythic .spc-dot { background: linear-gradient(135deg, #f0762b, #c02c19); } .spc-mtg .spc-rarity-special .spc-dot { background: linear-gradient(135deg, #c79bd6, #7b4b95); } .spc-mtg .spc-rarity-bonus .spc-dot { background: linear-gradient(135deg, #7fc9d6, #2f7f93); } /* ---------- Legality ---------- */ .spc-mtg .spc-legal { border-top: 1px solid var(--spc-border); margin-top: 0.25rem; } .spc-mtg .spc-legal summary { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; cursor: pointer; font-weight: 600; font-size: 0.8125rem; letter-spacing: 0.02em; text-transform: uppercase; opacity: 0.62; list-style: none; } .spc-mtg .spc-legal summary::-webkit-details-marker { display: none; } .spc-mtg .spc-chev { transition: transform 0.2s ease; flex-shrink: 0; } .spc-mtg .spc-legal[open] .spc-chev { transform: rotate(180deg); } .spc-mtg .spc-legal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 1rem; padding-bottom: 0.9rem; } .spc-mtg .spc-legal-item { display: flex; align-items: center; gap: 0.55rem; min-width: 0; } .spc-mtg .spc-legal-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .spc-mtg .spc-badge { display: inline-block; flex-shrink: 0; width: 82px; text-align: center; padding: 0.15rem 0; border-radius: 3px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: var(--spc-neutral); } .spc-mtg .spc-badge-legal { background: var(--spc-legal); } .spc-mtg .spc-badge-restricted { background: var(--spc-restricted); } .spc-mtg .spc-badge-banned { background: var(--spc-banned); } .spc-mtg .spc-badge-not_legal { background: var(--spc-neutral); } /* ---------- Mobile ---------- */ @media (max-width: 480px) { .spc-mtg .spc-row { grid-template-columns: 1fr; gap: 0.1rem; } .spc-mtg .spc-legal-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .spc-mtg * { transition: none !important; } } Show more