---
title: "Nassau County School District"
url: https://stacklist.com/card/b80bb9b2-9e2f-470d-8ecd-27ef6fa3c917
source_url: "https://www.nassau.k12.fl.us/"
stack: https://stacklist.com/c/education/stack/d4087f12-13f3-4f7f-9be1-83f52330a870
summary: "Nassau County School District Official Website contains CSS styling code for a base card component with responsive design elements. The code defines visual properties, layout structures, and interactive states for web interface elements used across the district's online platform."
tags: "school-district, website, css-styling, ui-components, nassau-county, web-design, responsive-layout"
key_entities: "Nassau County School District (organization), CSS (technology), Vue.js (technology), responsive-web-design (concept), Nassau County (location)"
classification: "code"
content_hash: "sha256:0efe6933ad31629c2422f8cce62289fc4c29192b4e0a56ab0d184c88a012c2ed"
acp_version: "0.2"
token_counts_approximate: 890
visibility: public
agent_accessible: true
status: "final"
---

# Nassau County School District

.base-card[data-v-eb896e78]{--color-grey-75:#e9e9e9;--color-grey-100:#e0e0e0;--color-gray-200:#d3d3d3;--color-grey-500:#949494;--color-grey-950:#2d2d2d;--color-blue-500:#1850c1;--color-blue-50:#f3f6fc;--color-text-primary:#2d2d2d;--color-text-secondary:#474747;--color-text-tertiary:var(--color-grey-500);--color-purple-500:#662e80;--border-color:var(--color-grey-100);border:1px solid var(--border-color);border-radius:4px;gap:32px;padding:16px;position:relative;text-decoration:none}.base-card[data-v-eb896e78]:hover{box-shadow:0 4px 6px -1px #0000001a,0 0 5px #0000001f;cursor:pointer}.base-card[data-v-eb896e78]:has(:focus-visible){border:1px solid var(--color-purple-500);border-radius:8px;outline:var(--color-blue-500) solid 1px;outline-offset:2px}.base-card a[data-v-eb896e78]:focus-visible,.base-card button[data-v-eb896e78]:focus-visible{outline:var(--color-blue-500) solid 1px;outline-offset:2px}.base-card .row-1[data-v-eb896e78]{display:flex;justify-content:space-between;margin-bottom:16px}.base-card .row-2[data-v-eb896e78]{display:flex;gap:16px}.base-card .image-preview[data-v-eb896e78]{align-items:flex-start;display:flex}.base-card .content-section[data-v-eb896e78]{display:flex;flex-direction:column;gap:12px;width:100%}.base-card .likes-section[data-v-eb896e78]{color:var(--color-grey-500);display:flex;gap:12px}.base-card[data-v-eb896e78] .preview-fallback,.base-card[data-v-eb896e78] .preview-image{align-items:center;aspect-ratio:4/3;background-color:var(--background-color);border-radius:4px;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;width:113px}.base-card[data-v-eb896e78] .preview-fallback img,.base-card[data-v-eb896e78] .preview-image img{aspect-ratio:inherit;border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%}@media only screen and (max-width:959px){.base-card[data-v-eb896e78] .preview-fallback,.base-card[data-v-eb896e78] .preview-image{aspect-ratio:4/3;height:72px;width:96px}}.base-card[data-v-eb896e78] .title{color:var(--color-text-primary);display:-webkit-box;font-size:16px;font-style:normal;font-weight:700;letter-spacing:.8px;line-height:1.2;overflow-wrap:anywhere;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.base-card[data-v-eb896e78] .snippet{color:var(--color-text-secondary);display:-webkit-box;font-size:14px;font-weight:400;letter-spacing:.5px;line-height:1.3;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.base-card[data-v-eb896e78] .meta-info{color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:400;gap:24px;letter-spacing:.1px;line-height:16px}.base-card[data-v-eb896e78] .meta-info .date,.base-card[data-v-eb896e78] .meta-info .location{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:400;gap:8px;letter-spacing:.5px;line-height:19px;text-decoration:none}.base-card[data-v-eb896e78] .meta-info span{color:var(--color-text-primary)}.base-card .tags[data-v-eb896e78]{display:flex;font-size:12px;font-weight:450;gap:8px;letter-spacing:.5px;line-height:16px}.base-card .tags[data-v-eb896e78],.base-card .tags .tag[data-v-eb896e78]{align-items:center;text-decoration:none}.base-card .tags .tag[data-v-eb896e78]{background:var(--color-grey-75);border-radius:4px;color:var(--color-text-secondary);cursor:default;display:inline-flex;justify-content:center;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:959px){.base-car