pub const MAIN_CSS_EXAMPLE: &str = r#"
/* ── Layout ─────────────────────────────────────── */
.screen {
flex-direction: column;
align-items: center;
padding: 24px;
background: #f8f9fa;
}
/* ── Typography ──────────────────────────────────── */
.title {
font-size: 28px;
font-weight: bold;
color: #1a1a2e;
margin-bottom: 16px;
}
.label {
font-size: 16px;
color: #555;
margin-bottom: 8px;
}
/* ── Buttons ─────────────────────────────────────── */
.primary-btn {
background: #4CAF50;
color: white;
padding: 12px 24px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
margin-top: 12px;
}
.link-btn {
background: transparent;
color: #4CAF50;
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
margin-top: 8px;
}
.danger-btn {
background: #e53935;
color: white;
padding: 12px 24px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
margin-top: 12px;
}
/* ── Inputs ──────────────────────────────────────── */
.text-input {
background: white;
border: 1.5px solid #ddd;
border-radius: 8px;
padding: 12px 16px;
font-size: 16px;
width: 100%;
margin-top: 16px;
}
/* ── Avatar ──────────────────────────────────────── */
.avatar {
width: 80px;
height: 80px;
border-radius: 40px;
margin-bottom: 16px;
border: 3px solid #4CAF50;
}
"#;Expand description
Bundled CSS string — embedded at compile time.
use bubba_core::css::StyleSheet;
// Embed at compile time for zero-cost access:
// static MAIN_CSS: &str = include_str!("../assets/main.css");
// Or parse inline:
let sheet = StyleSheet::parse(".title { font-size: 24px; }").unwrap();
assert_eq!(sheet.get("title", "font-size"), Some("24px"));