Update CSS
moved ibm plex dirs
This commit is contained in:
parent
0b31d48b79
commit
a5640f2a81
@ -1,11 +1,14 @@
|
|||||||
@use 'sass:color'
|
@use 'sass:color'
|
||||||
@import url("all.css")
|
@import url("all.css")
|
||||||
@import url("font/ibm-plex-mono/def.css")
|
@import url("font/ibm-plex/mono/def.css")
|
||||||
|
|
||||||
$bg: #1F0042,
|
$bg: #1F0042
|
||||||
$fg: color.invert($bg)
|
$fg: invert($bg)
|
||||||
$link: #E0E030
|
$link: #E0E030
|
||||||
|
|
||||||
|
:root
|
||||||
|
--extlink: lighten($link, 25%)
|
||||||
|
|
||||||
body
|
body
|
||||||
background-color: $bg
|
background-color: $bg
|
||||||
color: $fg
|
color: $fg
|
||||||
|
@ -1,10 +1,14 @@
|
|||||||
|
@use "sass:color"
|
||||||
@import "extra.scss"
|
@import "extra.scss"
|
||||||
@import url("all.css")
|
@import url("all.css")
|
||||||
@import url("font/ibm-plex-sans/def.css")
|
@import url("font/ibm-plex/sans/def.css")
|
||||||
$bg: #00103D
|
$bg: #00103D
|
||||||
$fg: #EAE8E3
|
$fg: #EAE8E3
|
||||||
$link: #189E86
|
$link: #189E86
|
||||||
$cont: #C7532B
|
$cont: #C7532B
|
||||||
|
|
||||||
|
:root
|
||||||
|
--extlink: lighten($link, 25%)
|
||||||
@font-face
|
@font-face
|
||||||
font-family: 'Science Gothic', monospace
|
font-family: 'Science Gothic', monospace
|
||||||
src: url('font/science-gothic.ttf') format('truetype')
|
src: url('font/science-gothic.ttf') format('truetype')
|
||||||
@ -21,10 +25,10 @@ body
|
|||||||
.content
|
.content
|
||||||
font-family: 'IBM Plex Sans', sans-serif
|
font-family: 'IBM Plex Sans', sans-serif
|
||||||
h1
|
h1
|
||||||
font-family: 'Science Gothic', monospace
|
font-family: 'Science Gothic', monospace
|
||||||
@include font-settings(345,100,116,0)
|
@include font-settings(345,100,116,0)
|
||||||
:before
|
:before
|
||||||
content: '#'
|
content: '#'
|
||||||
a
|
a
|
||||||
color: $link
|
color: $link
|
||||||
a:visited
|
a:visited
|
||||||
|
@ -13,9 +13,7 @@
|
|||||||
animation: marquee 15s linear infinite;
|
animation: marquee 15s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Make it move */
|
/* Make it move */
|
||||||
|
|
||||||
@keyframes marquee {
|
@keyframes marquee {
|
||||||
0% {
|
0% {
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
@ -24,11 +22,11 @@
|
|||||||
transform: translate(-100%, 0);
|
transform: translate(-100%, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.blink {
|
.blink {
|
||||||
animation: blink-animation 1s steps(5, start) infinite;
|
animation: blink-animation 1s steps(5, start) infinite;
|
||||||
-webkit-animation: blink-animation 1s steps(5, start) infinite;
|
-webkit-animation: blink-animation 1s steps(5, start) infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes blink-animation {
|
@keyframes blink-animation {
|
||||||
to {
|
to {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
@ -39,7 +37,10 @@
|
|||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.center {
|
.center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=legacy.css.map */
|
||||||
|
10
in/css/main.sass
Normal file
10
in/css/main.sass
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
@import "extra.scss"
|
||||||
|
@import url("all.css")
|
||||||
|
|
||||||
|
.header
|
||||||
|
border-bottom: 1px solid black
|
||||||
|
|
||||||
|
@media(prefers-color-sceme: dark)
|
||||||
|
body
|
||||||
|
background: #1b1b1b
|
||||||
|
color: #fff
|
@ -1,6 +0,0 @@
|
|||||||
@import "extra.scss";
|
|
||||||
@import url("all.css");
|
|
||||||
|
|
||||||
.header {
|
|
||||||
border-bottom: 1px solid black;
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user