From 9486f7fda828cc668b592bae31aea1d88f3192c6 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 15:08:10 +0100 Subject: style: size bootstrap headers --- src/sass/_bootstrap.sass | 8 +++++++- src/sass/_header.sass | 1 + 2 files changed, 8 insertions(+), 1 deletion(-) (limited to 'src/sass') diff --git a/src/sass/_bootstrap.sass b/src/sass/_bootstrap.sass index 755ffb1..c83c1eb 100644 --- a/src/sass/_bootstrap.sass +++ b/src/sass/_bootstrap.sass @@ -1,8 +1,14 @@ @import "_variables.sass"; -h1 +h1, h2, h3 font-family: $font-family-big +h1 + font-size: 3em + +h2 + font-size: 2em + @mixin breakpoint($point) @if $point == desktop @media (min-width: 70em) diff --git a/src/sass/_header.sass b/src/sass/_header.sass index 33f9271..e64a031 100644 --- a/src/sass/_header.sass +++ b/src/sass/_header.sass @@ -5,6 +5,7 @@ header color: $color-w padding: 10px 0 box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0px + margin-bottom: 30px h1 font-size: 3em margin: 0 -- cgit v1.2.3-18-g5258 From 0d6bd4aefc4e651be3f2fff15043d598e852df54 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 16:22:41 +0100 Subject: feat: add loading --- src/sass/_header.sass | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'src/sass') diff --git a/src/sass/_header.sass b/src/sass/_header.sass index e64a031..21f11bb 100644 --- a/src/sass/_header.sass +++ b/src/sass/_header.sass @@ -6,6 +6,20 @@ header padding: 10px 0 box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0px margin-bottom: 30px + &.active + z-index: 1044 + #big-loading + top: 0 + width: 100% + height: 100% + position: fixed + z-index: 1045 + .b-overlay-wrap + height: 100% + background-color: rgba(0, 0, 0, .8) + .spinner-border + border-color: $primary + border-right-color: transparent h1 font-size: 3em margin: 0 -- cgit v1.2.3-18-g5258 From bfb31b38540438432b60e1ccd8445c29748c67ee Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 20:25:18 +0100 Subject: style: change secondary color --- src/sass/_variables.sass | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'src/sass') diff --git a/src/sass/_variables.sass b/src/sass/_variables.sass index e716c3c..b13c03e 100644 --- a/src/sass/_variables.sass +++ b/src/sass/_variables.sass @@ -2,9 +2,10 @@ @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap'); $font-family: "Ubuntu", sans-serif +$font-family-mono: "Ubuntu Mono", "Ubuntu", sans-serif $font-family-big: "Bebas Neue", corsive $primary: #34495e -$secondary: #e8a83c +$secondary: #d35400 $color-w: #fafafa -- cgit v1.2.3-18-g5258 From 5c29f010cf52f3ba5ee597a50df97219d8dc04a7 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 20:27:26 +0100 Subject: feat: commits list --- src/sass/_commit.sass | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++ src/sass/main.sass | 1 + 2 files changed, 89 insertions(+) create mode 100644 src/sass/_commit.sass (limited to 'src/sass') diff --git a/src/sass/_commit.sass b/src/sass/_commit.sass new file mode 100644 index 0000000..e9e0e06 --- /dev/null +++ b/src/sass/_commit.sass @@ -0,0 +1,88 @@ +@import "_bootstrap.sass"; + +.commit + border-bottom: #ccc 1px solid + padding: 20px 10px + margin: 0 + &:hover + background-color: darken(#fbfcfc, 3%) + .head + > div + span + color: #9f9ca5 + @include breakpoint(phablet) + margin-right: 8px + h6 a + color: $secondary + font-weight: 100 + span + float: left + .author_committer + display: grid + grid-template-columns: 50% 50% + align-items: center + justify-items: center + @include breakpoint(phablet) + grid-template-columns: 100% + div + width: 100% + @include breakpoint(phablet) + &:first-child + padding-bottom: 10px + .avatar + width: 30px + float: left + margin-right: 5px + p + margin: 0 + line-height: 30px + overflow: hidden + height: 30px + text-overflow: ellipsis + white-space: nowrap + padding-right: 5px + h5, h6 + font-weight: bold + font-family: $font-family-mono + font-size: 2em + a + color: $primary + text-decoration: underline + @include breakpoint(phablet) + overflow: hidden + width: 111px + display: block + + h6 + font-size: 1em + a + line-height: 24px + margin-left: 5px + @include breakpoint(phablet) + width: 56px + + + .text + p + margin: 5px 0 0 + span.middot + margin: 0 10px + color: #ccc + span.date + color: $secondary + white-space: pre + display: inline-block + + .repo a + color: #fff + text-decoration: none !important + background: $primary + padding: 3px + float: right + max-width: 200px + overflow: hidden + text-overflow: ellipsis + white-space: nowrap + border-radius: 2px + @include breakpoint(phablet) + width: 180px diff --git a/src/sass/main.sass b/src/sass/main.sass index 18b025a..09acd39 100644 --- a/src/sass/main.sass +++ b/src/sass/main.sass @@ -1,4 +1,5 @@ @import "_header.sass"; +@import "_commit.sass"; body color: #2c3e50 -- cgit v1.2.3-18-g5258 From 69c4d36ed09f170c14ef0f187528596552491f0a Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 20:33:33 +0100 Subject: style: width of repo name in mobile --- src/sass/_commit.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/sass') diff --git a/src/sass/_commit.sass b/src/sass/_commit.sass index e9e0e06..f6971d3 100644 --- a/src/sass/_commit.sass +++ b/src/sass/_commit.sass @@ -85,4 +85,4 @@ white-space: nowrap border-radius: 2px @include breakpoint(phablet) - width: 180px + max-width: 180px -- cgit v1.2.3-18-g5258 From 024560588a7afbfa1fa1dbaf0440beefb695108c Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Fri, 19 Mar 2021 20:36:16 +0100 Subject: style: fix padding on author only on mobile --- src/sass/_commit.sass | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'src/sass') diff --git a/src/sass/_commit.sass b/src/sass/_commit.sass index f6971d3..64a315c 100644 --- a/src/sass/_commit.sass +++ b/src/sass/_commit.sass @@ -27,8 +27,8 @@ div width: 100% @include breakpoint(phablet) - &:first-child - padding-bottom: 10px + &:first-child + padding-bottom: 10px .avatar width: 30px float: left -- cgit v1.2.3-18-g5258 From a9ece91610c7f33cbc6445b58cfd1a9b43a89a49 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Sat, 20 Mar 2021 11:12:39 +0100 Subject: chore: isolated loadings --- src/sass/_header.sass | 14 -------------- 1 file changed, 14 deletions(-) (limited to 'src/sass') diff --git a/src/sass/_header.sass b/src/sass/_header.sass index 21f11bb..e64a031 100644 --- a/src/sass/_header.sass +++ b/src/sass/_header.sass @@ -6,20 +6,6 @@ header padding: 10px 0 box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0px margin-bottom: 30px - &.active - z-index: 1044 - #big-loading - top: 0 - width: 100% - height: 100% - position: fixed - z-index: 1045 - .b-overlay-wrap - height: 100% - background-color: rgba(0, 0, 0, .8) - .spinner-border - border-color: $primary - border-right-color: transparent h1 font-size: 3em margin: 0 -- cgit v1.2.3-18-g5258 From 45e5a794ae423e81afa7fdde329f34e3d4a0bcd3 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Sat, 20 Mar 2021 18:01:09 +0100 Subject: feat: add top authors section --- src/sass/_commit.sass | 18 ++++++++++++++++++ src/sass/main.sass | 6 ++++++ 2 files changed, 24 insertions(+) (limited to 'src/sass') diff --git a/src/sass/_commit.sass b/src/sass/_commit.sass index 64a315c..d59afa0 100644 --- a/src/sass/_commit.sass +++ b/src/sass/_commit.sass @@ -86,3 +86,21 @@ border-radius: 2px @include breakpoint(phablet) max-width: 180px + +.top-author + display: grid + grid-template-columns: 80% 20% + .user + display: flex + img + width: 30px + height: 30px + margin-right: 5px + strong + text-overflow: ellipsis + white-space: nowrap + overflow: hidden + + .number + justify-self: end + color: $secondary diff --git a/src/sass/main.sass b/src/sass/main.sass index 09acd39..deab05d 100644 --- a/src/sass/main.sass +++ b/src/sass/main.sass @@ -5,3 +5,9 @@ body color: #2c3e50 font-family: $font-family background-color: #fbfcfc + +#home + @include breakpoint(phablet) + flex-direction: column-reverse + > div + margin-bottom: 42px -- cgit v1.2.3-18-g5258