From 3c46bd7b2f61fec1f5719d73d88c3553a6862d52 Mon Sep 17 00:00:00 2001 From: "Luke T. Shumaker" Date: Sun, 14 Apr 2024 10:38:36 -0600 Subject: wip --- public/imworkingon/imworkingon.scss | 77 +++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 public/imworkingon/imworkingon.scss (limited to 'public/imworkingon') diff --git a/public/imworkingon/imworkingon.scss b/public/imworkingon/imworkingon.scss new file mode 100644 index 0000000..99885f2 --- /dev/null +++ b/public/imworkingon/imworkingon.scss @@ -0,0 +1,77 @@ +article { + border: solid 1px #333333; + border-radius: 1em; + margin: 0.5em; +} + +div { + & > p:first-child { + margin-top: 0; + } + & > p:last-child { + margin-bottom: 0; + } +} + +article.tag { + padding: 0.5em 2em; + & > h2 { + margin: 0 0 0.25em -1em; + } +} + +article.contrib { + display: grid; + grid-template-columns: 25% 25% 25% 25%; + grid-template-areas: + "uname submitted updated status" + "uname url url url" + "uname tag tag tag" + "udesc desc desc desc"; + overflow: hidden; + + & > div { + padding: 0.5em; + } + + @mixin color-panel { + background-color: #DDDDFF; + border: solid 1px #8D8DA6; + } + + div.contrib-upstream-name { + grid-area: uname; + @include color-panel; + text-align: center; + font-weight: bold; + padding-top: 1em; + } + div.contrib-upstream-desc { + grid-area: udesc; + @include color-panel; + } + div.contrib-urls { + grid-area: url; + + padding-bottom: 0; + } + div.contrib-tags { + grid-area: tag; + padding-top: 0; + } + div.contrib-submitted { + grid-area: submitted; + @include color-panel; + } + div.contrib-updated { + grid-area: updated; + @include color-panel; + } + div.contrib-status { + grid-area: status; + @include color-panel; + } + div.contrib-desc { + @include color-panel; + } +} -- cgit v1.2.3-54-g00ecf