44r0n7/privacy.sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

using font variables

Browse Source
This commit is contained in:
undergroundwires
2020-01-06 20:41:37 +01:00
parent 10a34fae2f
commit 60e6348dc8
8 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -55,7 +55,7 @@ export default class App extends Vue {
body { body {
background: $light-gray; background: $light-gray;
font-family: 'Slabo 27px', serif; font-family: $fancy-font;
color: $slate; color: $slate;
} }

3
src/presentation/IconButton.vue
View File

@@ -29,6 +29,7 @@ export default class IconButton extends StatefulVue {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/presentation/styles/colors.scss"; @import "@/presentation/styles/colors.scss";
@import "@/presentation/styles/fonts.scss";
.button { .button {
display: flex; display: flex;
@@ -63,7 +64,7 @@ export default class IconButton extends StatefulVue {
} }
&__text { &__text {
display: none; display: none;
font-family: 'Yesteryear', cursive; font-family: $artistic-font;
font-size: 1.5em; font-size: 1.5em;
color: $gray; color: $gray;
font-weight: 500; font-weight: 500;

2
src/presentation/Scripts/Cards/CardList.vue
View File

@@ -57,6 +57,6 @@ export default class CardList extends StatefulVue {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 3.5em; font-size: 3.5em;
font: $default-font; font: $normal-font;
} }
</style> </style>

2
src/presentation/Scripts/Selector/TheSelector.vue
View File

@@ -100,7 +100,7 @@ export default class TheSelector extends StatefulVue {
display: flex; display: flex;
margin-right:5px; margin-right:5px;
} }
font:16px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; font-family: $normal-font;
} }
</style> </style>

2
src/presentation/Scripts/TheGrouper.vue
View File

@@ -31,7 +31,7 @@ export default class TheGrouper extends StatefulVue {
.container { .container {
// text-align:left; // text-align:left;
font:16px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; font:$normal-font;
} }
.enabled { .enabled {

3
src/presentation/TheHeader.vue
View File

@@ -28,6 +28,7 @@ export default class TheHeader extends StatefulVue {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/presentation/styles/colors.scss"; @import "@/presentation/styles/colors.scss";
@import "@/presentation/styles/fonts.scss";
#container { #container {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -50,7 +51,7 @@ export default class TheHeader extends StatefulVue {
margin: 0; margin: 0;
font-size: 1.5em; font-size: 1.5em;
color: $gray; color: $gray;
font-family: 'Yesteryear', cursive; font-family: $artistic-font;
font-weight: 500; font-weight: 500;
line-height: 1.2; line-height: 1.2;
} }

2
src/presentation/TheSearchBar.vue
View File

@@ -38,7 +38,7 @@ export default class TheSearchBar extends StatefulVue {
padding-top: 30px; padding-top: 30px;
padding-right: 30%; padding-right: 30%;
padding-left: 30%; padding-left: 30%;
font: $default-font; font: $normal-font;
} }
.search { .search {

5
src/presentation/styles/fonts.scss
View File

@@ -23,5 +23,6 @@
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} }
$default-font: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; $normal-font: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
$artistic-font: 'Yesteryear', cursive; $artistic-font: 'Yesteryear', cursive;
$fancy-font: 'Slabo 27px';