Skip to content

Commit

Permalink
using light border color in a couple other places
Browse files Browse the repository at this point in the history
  • Loading branch information
iloveitaly committed May 17, 2021
1 parent d18a655 commit 2766d95
Show file tree
Hide file tree
Showing 5 changed files with 17 additions and 12 deletions.
6 changes: 4 additions & 2 deletions src/components/Header.vue
Original file line number Diff line number Diff line change
Expand Up @@ -141,9 +141,11 @@ export default {
</script>

<style lang="scss" scoped>
@import '../style/globals';
.aw-navbar {
background-color: #fff;
border: solid #ccc;
background-color: white;
border: solid $lightBorderColor;
border-width: 0 0 1px 0;
}
Expand Down
1 change: 1 addition & 0 deletions src/style/_globals.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
$lightBorderColor: rgb(235, 237, 243);
4 changes: 3 additions & 1 deletion src/style/style.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@import "globals";

body,
html,
body,
Expand Down Expand Up @@ -26,7 +28,7 @@ body {

.aw-container {
background-color: #fff;
border: 1px solid rgb(235, 237, 243);
border: 1px solid $lightBorderColor;
border-radius: 5px;
}

Expand Down
10 changes: 5 additions & 5 deletions src/views/activity/Activity.vue
Original file line number Diff line number Diff line change
Expand Up @@ -77,11 +77,11 @@ div
</template>

<style lang="scss" scoped>
$buttoncolor: #ddd;
$bordercolor: rgb(235, 237, 243);
@import '../../style/globals';
$lightPurpleHighlight: rgb(84, 105, 212);
.nav {
border-bottom: 1px solid $bordercolor;
border-bottom: 1px solid $lightBorderColor;
.nav-item {
margin-bottom: 0px;
Expand All @@ -103,9 +103,9 @@ $bordercolor: rgb(235, 237, 243);
}
&.router-link-exact-active {
color: rgb(84, 105, 212);
color: $lightPurpleHighlight;
font-weight: bold;
border-bottom: 3px solid darken($bordercolor, 20%);
border-bottom: 3px solid darken($lightBorderColor, 20%);
border-radius: 0;
&:hover {
Expand Down
8 changes: 4 additions & 4 deletions src/visualizations/PeriodUsage.vue
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
<template lang="pug">
svg
svg.mt-3.mb-1
</template>

<style scoped lang="scss">
@import "../style/globals";
svg {
width: 100%;
height: 40pt;
border: 1px solid #999;
margin-top: 0.2em;
margin-bottom: 0.2em;
border: 1px solid $lightBorderColor;
border-radius: 0.5em;
}
</style>
Expand Down

0 comments on commit 2766d95

Please sign in to comment.