FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
suretriggers
/
assets
/
css
Edit File: st-rating.css
/** * SureTriggers Rating Styles * * This file contains all CSS related to rating functionality * Following the modular CSS organization pattern */ /* ===== 5-Star Rating Plugin Meta Row ===== */ .suretriggers-rating-wrapper { display: inline-block; transition: opacity 0.3s ease; } .suretriggers-rating-wrapper.hide { opacity: 0; } .suretriggers-rating-link { text-decoration: none !important; display: inline-flex; align-items: center; gap: 4px; } .suretriggers-rating-link:hover, .suretriggers-rating-link:focus { text-decoration: none !important; } /* ===== Star Rating Container ===== */ .suretriggers-rating-link .star-rating { display: inline-block; margin-left: 1px; line-height: 1; } /* ===== Individual Star Styling ===== */ .suretriggers-rating-link .star-rating .star { color: #ffb900; display: inline-block; font-family: dashicons; font-size: 16px; font-weight: 400; height: 16px; line-height: 1; text-decoration: none !important; width: 16px; } /* ===== Star States ===== */ .suretriggers-rating-link .star-rating .star.star-full:before { content: "\f155"; /* WordPress dashicon star-filled */ } .suretriggers-rating-link .star-rating .star.star-half:before { content: "\f459"; /* WordPress dashicon star-half */ } .suretriggers-rating-link .star-rating .star.star-empty:before { content: "\f154"; /* WordPress dashicon star-empty */ } /* ===== Hover Effects ===== */ .suretriggers-rating-link:hover .star-rating .star { color: #e79b00; transition: color 0.2s ease; } /* ===== Responsive Design ===== */ @media (max-width: 782px) { .suretriggers-rating-link .star-rating .star { font-size: 14px; height: 14px; width: 14px; } } /* ===== Accessibility ===== */ .suretriggers-rating-link:focus { outline: 2px solid #0073aa; outline-offset: 2px; } .suretriggers-rating-link[aria-label]:focus::after { content: attr(aria-label); position: absolute; background: #000; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; } /* Screen reader text */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
Save
Back