[add] initial commit
This commit is contained in:
73
src/assets/sass/fonts.scss
Normal file
73
src/assets/sass/fonts.scss
Normal file
@@ -0,0 +1,73 @@
|
||||
@charset "utf-8";
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Light'), local('OverpassMono-Light'), url('~@/assets/fonts/OverpassMono-Light_ext.woff2') format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Light'), local('OverpassMono-Light'), url('~@/assets/fonts/OverpassMono-Light.woff2') format('woff2');
|
||||
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;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Regular'), local('OverpassMono-Regular'), url('~@/assets/fonts/OverpassMono-Regular_ext.woff2') format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Regular'), local('OverpassMono-Regular'), url('~@/assets/fonts/OverpassMono-Regular.woff2') format('woff2');
|
||||
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;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono SemiBold'), local('OverpassMono-SemiBold'), url('~@/assets/fonts/OverpassMono-SemiBold_ext.woff2') format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono SemiBold'), local('OverpassMono-SemiBold'), url('~@/assets/fonts/OverpassMono-SemiBold.woff2') format('woff2');
|
||||
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;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Bold'), local('OverpassMono-Bold'), url('~@/assets/fonts/OverpassMono-Bold_ext.woff2') format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Overpass Mono Bold'), local('OverpassMono-Bold'), url('~@/assets/fonts/OverpassMono-Bold.woff2') format('woff2');
|
||||
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;
|
||||
}
|
||||
49
src/assets/sass/global.scss
Normal file
49
src/assets/sass/global.scss
Normal file
@@ -0,0 +1,49 @@
|
||||
@charset "utf-8";
|
||||
|
||||
// theme
|
||||
$family-monospace: 'Overpass Mono', monospace;
|
||||
$dark-theme: (
|
||||
background-color: #2E2E2E,
|
||||
background: #3d3d3d,
|
||||
text: #ccc,
|
||||
text-darker: #bbb,
|
||||
highlight: #f17603,
|
||||
highlight-hover: #ffab5c
|
||||
);
|
||||
|
||||
// bulma global variables
|
||||
$grey-light: map-get($dark-theme, "text");
|
||||
$grey-dark: map-get($dark-theme, "text");
|
||||
$grey-darker: map-get($dark-theme, "text-darker");
|
||||
$warning: map-get($dark-theme, "highlight");
|
||||
$primary: map-get($dark-theme, "highlight");
|
||||
$background: map-get($dark-theme, 'background');
|
||||
$family-primary: $family-monospace;
|
||||
$link-hover: map-get($dark-theme, "highlight");
|
||||
$link: map-get($dark-theme, "text");
|
||||
|
||||
// bulma component variables
|
||||
$body-background-color: map-get($dark-theme, 'background-color');
|
||||
|
||||
// bulma tooltip extension
|
||||
$tooltip-background-color: map-get($dark-theme, 'background');
|
||||
$tooltip-color: map-get($dark-theme, "text");
|
||||
|
||||
// general css
|
||||
.link {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.hash-list {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
div {
|
||||
margin-left: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
#app {
|
||||
.highlight {
|
||||
color: map-get($dark-theme, "highlight");
|
||||
}
|
||||
}
|
||||
23
src/assets/sass/includes.scss
Normal file
23
src/assets/sass/includes.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
@charset "utf-8";
|
||||
|
||||
// import fonts
|
||||
@import '~@/assets/sass/fonts.scss';
|
||||
|
||||
// import global
|
||||
@import '~@/assets/sass/global.scss';
|
||||
|
||||
// import bulma
|
||||
@import 'bulma/sass/utilities/_all.sass';
|
||||
@import 'bulma/sass/base/_all.sass';
|
||||
@import 'bulma/sass/components/navbar.sass';
|
||||
@import 'bulma/sass/elements/container.sass';
|
||||
@import 'bulma/sass/elements/title.sass';
|
||||
@import 'bulma/sass/elements/icon.sass';
|
||||
@import 'bulma/sass/elements/content.sass';
|
||||
@import 'bulma/sass/elements/tag.sass';
|
||||
@import 'bulma/sass/grid/columns.sass';
|
||||
@import 'bulma/sass/form/all';
|
||||
@import 'bulma/sass/form/tools.sass';
|
||||
@import 'bulma/sass/layout/_all.sass';
|
||||
@import '@creativebulma/bulma-tooltip/src/sass/index.sass'; //https://github.com/CreativeBulma/bulma-tooltip https://wikiki.github.io/elements/tooltip/
|
||||
|
||||
Reference in New Issue
Block a user