Simple site layout design
This commit is contained in:
81
assets/sass/_fonts.sass
Normal file
81
assets/sass/_fonts.sass
Normal file
@ -0,0 +1,81 @@
|
||||
$font-path: '/fonts/static/'
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 100
|
||||
src: local('Source Sans 3 ExtraLight'), local('SourceSans3-ExtraLight'), url('#{$font-path}SourceSans3-ExtraLight.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraLight.ttf') format('truetype')
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 200
|
||||
src: local('Source Sans 3 ExtraLight'), local('SourceSans3-ExtraLight'), url('#{$font-path}SourceSans3-ExtraLight.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraLight.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 300
|
||||
src: local('Source Sans 3 Light'), local('SourceSans3-Light'), url('#{$font-path}SourceSans3-Light.woff2') format('woff2'), url('#{$font-path}SourceSans3-Light.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 400
|
||||
src: local('Source Sans 3 Regular'), local('SourceSans3-Regular'), url('#{$font-path}SourceSans3-Regular.woff2') format('woff2'), url('#{$font-path}SourceSans3-Regular.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: italic
|
||||
font-display: swap
|
||||
font-weight: 400
|
||||
src: local('Source Sans 3 Italic'), local('SourceSans3-Italic'), url('#{$font-path}SourceSans3-Italic.woff2') format('woff2'), url('#{$font-path}SourceSans3-Italic.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 500
|
||||
src: local('Source Sans 3 Medium'), local('SourceSans3-Medium'), url('#{$font-path}SourceSans3-Medium.woff2') format('woff2'), url('#{$font-path}SourceSans3-Medium.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 600
|
||||
src: local('Source Sans 3 SemiBold'), local('SourceSans3-SemiBold'), url('#{$font-path}SourceSans3-SemiBold.woff2') format('woff2'), url('#{$font-path}SourceSans3-SemiBold.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 700
|
||||
src: local('Source Sans 3 Bold'), local('SourceSans3-Bold'), url('#{$font-path}SourceSans3-Bold.woff2') format('woff2'), url('#{$font-path}SourceSans3-Bold.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: italic
|
||||
font-display: swap
|
||||
font-weight: 700
|
||||
src: local('Source Sans 3 Bold Italic'), local('SourceSans3-BoldItalic'), url('#{$font-path}SourceSans3-BoldItalic.woff2') format('woff2'), url('#{$font-path}SourceSans3-BoldItalic.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 800
|
||||
src: local('Source Sans 3 ExtraBold'), local('SourceSans3-ExtraBold'), url('#{$font-path}SourceSans3-ExtraBold.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraBold.ttf') format('truetype')
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Sans 3'
|
||||
font-style: normal
|
||||
font-display: swap
|
||||
font-weight: 900
|
||||
src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')
|
||||
|
||||
|
||||
*
|
||||
font-family: 'Source Sans 3', sans-serif
|
4
assets/sass/main.sass
Normal file
4
assets/sass/main.sass
Normal file
@ -0,0 +1,4 @@
|
||||
@import "fonts"
|
||||
*
|
||||
color: white
|
||||
background: black
|
Reference in New Issue
Block a user