diff --git a/feature-flow.css b/feature-flow.css index e45b0ed..00c4cd8 100644 --- a/feature-flow.css +++ b/feature-flow.css @@ -1,3 +1,9 @@ +@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap'); + +:root { + --feature-item-height: 70px; +} + ul { list-style: none; padding: 0; @@ -8,7 +14,7 @@ ul { border: 3px solid var(--background-color); color: var(--background-color); background-color: white; - height: 62px; + height: var(--feature-item-height); display: flex; flex-direction: column; justify-content: center; @@ -32,3 +38,8 @@ ul { color: white; transition-delay: 3s; } + +.numeric { + font-family: 'Cutive Mono', monospace; + font-weight: bold; +} diff --git a/src/modules/feature/FeatureItem.vue b/src/modules/feature/FeatureItem.vue new file mode 100644 index 0000000..19ea4ea --- /dev/null +++ b/src/modules/feature/FeatureItem.vue @@ -0,0 +1,31 @@ + + + + + diff --git a/src/modules/feature/FeatureStep.vue b/src/modules/feature/FeatureStep.vue index 5f337b6..6e7a516 100644 --- a/src/modules/feature/FeatureStep.vue +++ b/src/modules/feature/FeatureStep.vue @@ -1,4 +1,5 @@