Skip to content
TheAIDirector.Win ClaudeJoomla.com ClaudeTemplates.NET

BaseFrame CSS kitchen sink — testing all BBCode

More
3 days 11 hours ago #20 by kate
Bold text and italic text and underlined text and strikethrough text.

Large heading text
Small text

Red colored text and green colored text and blue colored text.

Here is a blockquote from the BaseFrame documentation:

BaseFrame is a universal Joomla template that supports 13 CSS frameworks through a single dropdown. The adapter pattern means you write HTML once and swap the visual layer without touching markup.


And a quote attributed to a specific user:

Dade wrote: Been building sites since I was 11. Finally found a Joomla template that doesn't make me want to mass-delete everything.


Here is an ordered list:
  1. Install BaseFrame via Joomla installer
  2. Choose your CSS framework from the dropdown
  3. Customize colors in custom.css
  4. Deploy to production

And an unordered list:
  • Bulma — modern flexbox framework
  • PicoCSS — minimal classless CSS
  • NES.css — retro 8-bit pixel art
  • Halfmoon — dark-mode first

A code block with CSS:
Code:
/* BaseFrame adapter pattern */ .bf-card { background: var(--bf-bg, #fff); border: 1px solid var(--bf-border, #e5e5e5); border-radius: .5rem; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,.06); } .bf-card-title { font-size: 1.25rem; font-weight: 700; margin-bottom: .5rem; }

An inline code example: use
Code:
body.tf { margin: 0; }
to reset the body margin.

Here is a horizontal rule:
[hr]

A link: BaseFrame on GitHub

An email link: This email address is being protected from spambots. You need JavaScript enabled to view it.

A spoiler with hidden content:
Warning: Spoiler!


Here is a table:
FrameworkSizeBest For
Bulma200KBGeneral purpose
PicoCSS14KBMinimal sites
NES.css45KBRetro/fun
Vanilla0KBCustom design

And finally some text with bold italic combined and a confidential section:
This message contains confidential information


:) :( ;) :P :D 8) :woohoo: :silly: :side:

That's everything. If any of this looks broken, we need more CSS.

Please Log in or Create an account to join the conversation.

Time to create page: 0.214 seconds
Powered by Kunena Forum