diff options
author | Drew DeVault <sir@cmpwn.com> | 2018-09-21 15:32:22 -0400 |
---|---|---|
committer | Drew DeVault <sir@cmpwn.com> | 2018-09-21 15:32:22 -0400 |
commit | f992ceccbf47a3e19ac45d17d624002a422fd2af (patch) | |
tree | c1df5ed4cb73f4a10bdd17ec8e8577a1e253719f /scss | |
parent | 06b626de4cf86356b07b655e0cc7d3e631aa71aa (diff) |
Mock up tree page
Diffstat (limited to 'scss')
-rw-r--r-- | scss/main.scss | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/scss/main.scss b/scss/main.scss index 7621753..1377ce6 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -9,3 +9,56 @@ .repo-nav { margin-left: 1rem; } + +.header-extension { + margin-top: -1rem; + margin-bottom: 1rem; + background: #ddd; +} + +.tree-list { + display: grid; + // mode name + grid-template-columns: auto minmax(1fr,auto) 1fr auto; + font: monospace; + + svg { + color: #777; + } + + .size { + text-align: right; + } + + .name.blob a { + color: $gray-900; + } + + .commit, .commit a { + color: $gray-600; + } + + & > div { + padding: 0.1rem 0.5rem; + background: transparent; + + &.id { + text-align: right; + } + + &.comments { + text-align: center; + } + + @for $i from 1 through 4 { + &:nth-child(4n+#{$i}) { + grid-column-start: $i; + } + + // Striped rows + &:nth-child(8n+#{$i}) { + background: rgba(0,0,0,.05); + } + } + } +} |