jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move CSS/SCSS files

Browse source
This commit is contained in:
Justin Edmund 2024-07-12 08:43:04 -04:00
parent a6780aa859
commit 78abc3d339
8 changed files with 65 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/assets/styles/fonts.scss Normal file
View file

@ -0,0 +1,49 @@
@font-face {
font-family: 'cstd';
src: url('./fonts/DwMbyrnCMiZMVFXBZkwz.eot'); /* IE9 Compat Modes */
src:
url('./fonts/DwMbyrnCMiZMVFXBZkwz.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */ url('./fonts/DwMbyrnCMiZMVFXBZkwz.woff') format('woff'),
/* Modern Browsers */ url('./fonts/DwMbyrnCMiZMVFXBZkwz.ttf') format('truetype'),
/* Safari, Android, iOS */
url('./fonts/DwMbyrnCMiZMVFXBZkwz.svg#dd452d63ae05ddb466f19713a7d09fd5') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'cstd';
src: url('./fonts/xFErEAWaEHlAopmQYjAg.eot'); /* IE9 Compat Modes */
src:
url('./fonts/xFErEAWaEHlAopmQYjAg.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */ url('./fonts/xFErEAWaEHlAopmQYjAg.woff') format('woff'),
/* Modern Browsers */ url('./fonts/xFErEAWaEHlAopmQYjAg.ttf') format('truetype'),
/* Safari, Android, iOS */
url('./fonts/xFErEAWaEHlAopmQYjAg.svg#a81919819e5d11fb78ee7eadc8883b0d') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 500;
}
// This doesn't work for some reason:
// $font-path: './fonts/';
// $font-family: 'cstd';
// @mixin font-face($file-name, $font-weight) {
// @font-face {
// font-family: quote($font-family);
// src: url('#{$font-path}#{$file-name}.eot');
// src:
// url('#{$font-path}#{$file-name}.eot?#iefix') format('embedded-opentype'),
// url('#{$font-path}#{$file-name}.woff') format('woff'),
// url('#{$font-path}#{$file-name}.ttf') format('truetype'),
// url('#{$font-path}#{$file-name}.svg##{unique-id()}') format('svg');
// font-style: normal;
// font-weight: $font-weight;
// }
// }
// @include font-face('DwMbyrnCMiZMVFXBZkwz', 400);
// @include font-face('xFErEAWaEHlAopmQYjAg', 500);

0
src/assets/styles/globals.scss Normal file
View file

13
src/lib/styles/mixins.scss → src/assets/styles/mixins.scss
View file

@ -1,5 +1,8 @@
// use with @include // use with @include
@mixin breakpoint($breakpoint) { @mixin breakpoint($breakpoint) {
$small-phone-width: 395px;
$small-phone-height: 1280px;
$phone-width: 450px; $phone-width: 450px;
$phone-height: 1280px; $phone-height: 1280px;
@ -38,6 +41,16 @@
@content; @content;
} }
} }
@if $breakpoint == small-phone {
// prettier-ignore
@media only screen
and (max-width: $small-phone-width)
and (max-height: $small-phone-height)
and (-webkit-min-device-pixel-ratio: 2) {
@content;
}
}
} }
@mixin hidpiImage($image, $extension, $width, $height, $position: center, $repeat: no-repeat) { @mixin hidpiImage($image, $extension, $width, $height, $position: center, $repeat: no-repeat) {

0
src/lib/styles/reset.css → src/assets/styles/reset.css
View file

0
src/lib/styles/themes.scss → src/assets/styles/themes.scss
View file

6
src/lib/styles/variables.scss → src/assets/styles/variables.scss
View file

@ -31,9 +31,9 @@ $page-top-margin: $unit-6x;
$page-vert-padding: $unit-6x; $page-vert-padding: $unit-6x;
$page-horz-padding: $unit-5x; $page-horz-padding: $unit-5x;
$page-fourth: ($page-width - $margin * 5) / 4; $page-fourth: calc(($page-width - $margin * 5) / 4);
$page-third: ($page-width - $margin * 5) / 3; $page-third: calc(($page-width - $margin * 5) / 3);
$page-half: ($page-fourth * 2) + $margin; $page-half: calc(($page-fourth * 2) + $margin);
$card-height: $unit-14x; $card-height: $unit-14x;
$mention-padding: $unit-3x; $mention-padding: $unit-3x;

27
src/lib/styles/fonts.css
View file

@ -1,27 +0,0 @@
@font-face {
font-family: 'cstd';
src: url('../fonts/DwMbyrnCMiZMVFXBZkwz.eot'); /* IE9 Compat Modes */
src:
url('../fonts/DwMbyrnCMiZMVFXBZkwz.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */ url('../fonts/DwMbyrnCMiZMVFXBZkwz.woff') format('woff'),
/* Modern Browsers */ url('../fonts/DwMbyrnCMiZMVFXBZkwz.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/DwMbyrnCMiZMVFXBZkwz.svg#dd452d63ae05ddb466f19713a7d09fd5') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'cstd';
src: url('../fonts/xFErEAWaEHlAopmQYjAg.eot'); /* IE9 Compat Modes */
src:
url('../fonts/xFErEAWaEHlAopmQYjAg.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */ url('../fonts/xFErEAWaEHlAopmQYjAg.woff') format('woff'),
/* Modern Browsers */ url('../fonts/xFErEAWaEHlAopmQYjAg.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/xFErEAWaEHlAopmQYjAg.svg#a81919819e5d11fb78ee7eadc8883b0d') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 500;
}

2
src/lib/styles/globals.scss
View file

@ -1,2 +0,0 @@
@import 'variables.scss';
@import 'themes.scss';