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

3
src/presentation/IconButton.vue
View File

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

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

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

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

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

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

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

3
src/presentation/TheHeader.vue
View File

@@ -28,6 +28,7 @@ export default class TheHeader extends StatefulVue {
<style scoped lang="scss">
@import "@/presentation/styles/colors.scss";
@import "@/presentation/styles/fonts.scss";
#container {
display: flex;
align-items: center;
@@ -50,7 +51,7 @@ export default class TheHeader extends StatefulVue {
margin: 0;
font-size: 1.5em;
color: $gray;
font-family: 'Yesteryear', cursive;
font-family: $artistic-font;
font-weight: 500;
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-right: 30%;
padding-left: 30%;
font: $default-font;
font: $normal-font;
}
.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;
}
$default-font: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
$artistic-font: 'Yesteryear', cursive;
$normal-font: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
$artistic-font: 'Yesteryear', cursive;
$fancy-font: 'Slabo 27px';