diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2022-10-04 17:16:30 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2022-10-04 17:16:30 +0300 |
| commit | b6d6c3f708906b4acb8a5b1593ff0e5e8aa8e31c (patch) | |
| tree | 7898527ad91a29b7df86bb91ce70b95db7f1b423 | |
| parent | 5bb5daa2c4ed3a627656ac65262ef934ee187541 (diff) | |
| parent | a158e1f0f2c978172a2a34af6c439207e11e91ee (diff) | |
| download | missing-b6d6c3f708906b4acb8a5b1593ff0e5e8aa8e31c.tar.gz missing-b6d6c3f708906b4acb8a5b1593ff0e5e8aa8e31c.zip | |
Merge branch 'dev' into prod
| -rw-r--r-- | src/components/box.css | 2 | ||||
| -rw-r--r-- | src/components/menu.css | 27 | ||||
| -rw-r--r-- | src/components/nav-bar.css | 2 | ||||
| -rw-r--r-- | src/util/flex.css | 3 | ||||
| -rw-r--r-- | src/util/layout.css | 2 | ||||
| -rw-r--r-- | src/util/typographic.css | 2 | ||||
| -rw-r--r-- | www/demos/landing-page.html | 4 | ||||
| -rw-r--r-- | www/scratch.html | 9 |
8 files changed, 37 insertions, 14 deletions
diff --git a/src/components/box.css b/src/components/box.css index fa58936..e151d23 100644 --- a/src/components/box.css +++ b/src/components/box.css @@ -26,7 +26,7 @@ @mixin padded; } -.box, missing-card, .missing-card { +.box { @mixin box; } diff --git a/src/components/menu.css b/src/components/menu.css new file mode 100644 index 0000000..295f1f6 --- /dev/null +++ b/src/components/menu.css @@ -0,0 +1,27 @@ + +[role="menu"] { + @mixin box; + + position: absolute; + + padding: calc(var(--gap) / 2) 0; + margin: 1px 0 0 0; + + display: flex; + flex-flow: column nowrap; +} + +[role=menuitem] { + padding: 0 calc(var(--gap) / 2); + + display: block; + + text-decoration: none; + + color: var(--fg); + + &:focus { + background: var(--accent); + color: var(--bg); + } +} diff --git a/src/components/nav-bar.css b/src/components/nav-bar.css index 3db7e89..cc45e4c 100644 --- a/src/components/nav-bar.css +++ b/src/components/nav-bar.css @@ -1,5 +1,5 @@ -.navbar, header[is="nav-bar"] { +.navbar { margin: 0; padding: 0 var(--rhythm); diff --git a/src/util/flex.css b/src/util/flex.css index a988b14..5a9841d 100644 --- a/src/util/flex.css +++ b/src/util/flex.css @@ -57,3 +57,6 @@ .flex-grow\:10 { flex-grow: 10 } .flex-grow\:11 { flex-grow: 11 } .flex-grow\:12 { flex-grow: 12 } + +.flex-wrap\:wrap { flex-wrap: wrap } +.flex-wrap\:nowrap { flex-wrap: nowrap } diff --git a/src/util/layout.css b/src/util/layout.css index 8af67f4..108659f 100644 --- a/src/util/layout.css +++ b/src/util/layout.css @@ -33,6 +33,8 @@ border-inline: none; } +.width\:100\% { width:100% } + /**/ @define-mixin padded { diff --git a/src/util/typographic.css b/src/util/typographic.css index 83e66a3..8089104 100644 --- a/src/util/typographic.css +++ b/src/util/typographic.css @@ -1,5 +1,5 @@ -all-caps, .allcaps { +.allcaps { text-transform: uppercase; letter-spacing: .1rem; } diff --git a/www/demos/landing-page.html b/www/demos/landing-page.html index 369e77d..39c95b8 100644 --- a/www/demos/landing-page.html +++ b/www/demos/landing-page.html @@ -3,7 +3,7 @@ layout: layout.eta name: Landing Page --- -<header is="nav-bar"> +<header class="navbar"> <nav> <ul role="list"> <li> @@ -31,7 +31,7 @@ name: Landing Page </big-screen> <div> - <form hidden id="signup-form" class="missing-card dense" style="position: absolute"> + <form hidden id="signup-form" class="box dense" style="position: absolute"> <h4>Sign up to our mailing list</h4> <div class="table rows"> <p> diff --git a/www/scratch.html b/www/scratch.html index 8d0b52d..a65cf01 100644 --- a/www/scratch.html +++ b/www/scratch.html @@ -3,14 +3,5 @@ <link rel="stylesheet/less" type="text/css" href="missing.css" /> </head> <body> -<missing-card> - Custom Tag Style -</missing-card> -<div class="missing-card"> - Class Style -</div> -<div ms-card> - Attribute Style -</div> </body> </html>
\ No newline at end of file |