davejansen/system.css
1
0
Fork 0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

move a couple things around + version bump

Browse Source
This commit is contained in:
sakofchit
2023-03-17 22:15:21 -04:00
parent 876ff0f3eb
commit 89ce8e4872
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/index.html.ejs
View File

@@ -197,14 +197,11 @@
</blockquote>
<p>A menu bar consists of menu elements that name menu items and they typically have a dropdown menu associated with them.</p>
<p>In case of a menu item as a single children or plain text with no menu dropdown associated with it, use <code>aria-haspopup="false"</code> attribute.</p>
<p>To create a menu bar we will use the <code>.menu-bar</code> class. </p>
<%- example(`
<ul role="menu-bar">
<li role="menu-item" tabindex="0" aria-haspopup="false">Single Item</li>
<li role="menu-item" tabindex="0" aria-haspopup="false"><a target="_blank" href="https://github.com/sakofchit/system.css">System.css on GitHub</a></li>
<li role="menu-item" tabindex="0" aria-haspopup="true">
File
<ul role="menu">
@@ -242,6 +239,14 @@
</ul>
`)%>
<p>In case of a menu item as a single children or plain text with no menu dropdown associated with it, use <code>aria-haspopup="false"</code> attribute.</p>
<%- example(`
<ul role="menu-bar">
<li role="menu-item" tabindex="0" aria-haspopup="false">Single Item</li>
<li role="menu-item" tabindex="0" aria-haspopup="false"><a target="_blank" href="https://github.com/sakofchit/system.css">System.css on GitHub</a></li>
</ul>
`)%>
<p>We can also manipulate a menu bar into a standard dropdown.</p>
<%- example(`

2
package-lock.json generated
View File

@@ -1,6 +1,6 @@
{
"name": "@sakun/system.css",
"version": "0.1.10",
"version": "0.1.11",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@sakun/system.css",
"version": "0.1.10",
"version": "0.1.11",
"description": "A design system for building retro Apple interfaces",
"main": "dist/system.css",
"directories": {