aboutsummaryrefslogtreecommitdiff
path: root/_scss
diff options
context:
space:
mode:
authorValentin Popov <valentin@popov.link>2024-09-05 00:16:37 +0300
committerValentin Popov <valentin@popov.link>2024-09-05 00:16:37 +0300
commit7eff3fde5720eb23449e2f8c8ea0b8218efe4dde (patch)
treefbaedd693902c1a6d56a005b28b189ef76fe23f4 /_scss
parentecf9a15e77509d344ab4ee02ae0dbf8a116021f1 (diff)
downloadpopov.link-7eff3fde5720eb23449e2f8c8ea0b8218efe4dde.tar.xz
popov.link-7eff3fde5720eb23449e2f8c8ea0b8218efe4dde.zip
Initial Astro project
Diffstat (limited to '_scss')
-rw-r--r--_scss/_framework.scss242
-rw-r--r--_scss/_highlighter.scss136
-rw-r--r--_scss/_navbar.scss41
-rw-r--r--_scss/_print.scss21
-rw-r--r--_scss/_reset.scss179
-rw-r--r--_scss/_variables.scss9
-rw-r--r--_scss/_welcome.scss19
7 files changed, 0 insertions, 647 deletions
diff --git a/_scss/_framework.scss b/_scss/_framework.scss
deleted file mode 100644
index 0a0d84a..0000000
--- a/_scss/_framework.scss
+++ /dev/null
@@ -1,242 +0,0 @@
-*,
-*::after,
-*::before {
- box-sizing: border-box;
- text-size-adjust: 100%;
-}
-
-html {
- font-family: $font-family-base;
- font-size: 62.5%;
- min-height: 100%;
- overflow-y: scroll;
-}
-
-body {
- background-color: $color-bg;
- color: $color-text;
- font-size: $font-size-base;
- font-synthesis: weight style small-caps;
- font-weight: 400;
- line-height: 1.5;
- margin: auto;
- max-width: 52em;
- min-height: 100vh;
- padding: 6em 4em 4em;
- text-rendering: optimizelegibility;
-}
-
-@media (width <=684px) {
- body {
- font-size: $font-size-base * 0.85;
- padding: 4em 1em 2em;
- }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-weight: 700;
- line-height: 1.1;
- margin-bottom: 1.5rem;
- margin-top: 3rem;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
-}
-
-h1 {
- font-size: 2.35em;
-}
-
-h2 {
- font-size: 2em;
-}
-
-h3 {
- font-size: 1.75em;
-}
-
-h4 {
- font-size: 1.5em;
-}
-
-h5 {
- font-size: 1.25em;
-}
-
-h6 {
- font-size: 1em;
-}
-
-p {
- margin-bottom: 2.5rem;
- margin-top: 0;
-}
-
-small,
-sub,
-sup {
- font-size: 75%;
-}
-
-hr {
- border-color: $color-blossom;
-}
-
-a {
- color: $color-blossom;
- text-decoration: inherit;
- transition: color 0.25s;
-
- &:visited {
- color: $color-blossom;
- }
-
- &:active,
- &:focus,
- &:hover {
- opacity: .5;
- }
-}
-
-ul {
- margin-bottom: 2.5rem;
- margin-top: 0;
- padding-left: 1.4em;
-}
-
-li {
- margin-bottom: 0.4em;
-}
-
-blockquote {
- background-color: $color-bg-alt;
- border-left: 5px solid $color-blossom;
- margin-bottom: 2.5rem;
- margin-left: 0;
- margin-right: 0;
- padding: 0.8em 0.8em 0.8em 1em;
-}
-
-blockquote p {
- margin-bottom: 0;
-}
-
-img,
-video {
- display: block;
- height: auto;
- margin-bottom: 2.5rem;
- margin-top: 0;
- max-width: 100%;
-}
-
-pre {
- background-color: $color-bg-alt;
- border-radius: 4px;
- border: 1px solid $color-bg-alt;
- display: block;
- font-size: 0.9em;
- margin-bottom: 2.5rem;
- margin-top: 0;
- overflow-x: auto;
- padding: 1em;
-}
-
-code,
-kbd,
-samp {
- background-color: $color-bg-code;
- border-radius: 4px;
- font-size: 0.9em;
- padding: 0 0.2em;
- white-space: pre-wrap;
-}
-
-pre>code {
- background-color: transparent;
- font-size: 1em;
- padding: 0;
- white-space: pre;
-}
-
-table {
- border-collapse: collapse;
- text-align: justify;
- width: 100%;
-}
-
-td,
-th {
- border-bottom: 1px dashed $color-blossom;
- padding: 0.5em;
-}
-
-textarea {
- width: 100%;
-}
-
-.button,
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
- background-color: $color-blossom;
- border: 1px solid $color-blossom;
- border-radius: 1px;
- box-sizing: border-box;
- color: $color-bg;
- cursor: pointer;
- display: inline-block;
- padding: 5px 10px;
- text-align: center;
- text-decoration: none;
- white-space: nowrap;
-
- &[disabled] {
- cursor: default;
- opacity: 0.5;
- }
-
- &:focus:enabled,
- &:hover:enabled {
- background-color: $color-fade;
- border-color: $color-fade;
- color: $color-bg;
- outline: 0;
- }
-}
-
-textarea,
-select,
-input {
- background-color: $color-bg-alt;
- border: 1px solid $color-bg-alt;
- border-radius: 4px;
- box-shadow: none;
- box-sizing: border-box;
- color: $color-text;
- margin-bottom: 10px;
- padding: 6px 10px;
-
- &:focus {
- border: 1px solid $color-blossom;
- outline: 0;
- }
-}
-
-input[type="checkbox"]:focus {
- outline: 1px dotted $color-blossom;
-}
-
-label,
-legend,
-fieldset {
- display: block;
- font-weight: 600;
- margin-bottom: 0.5rem;
-} \ No newline at end of file
diff --git a/_scss/_highlighter.scss b/_scss/_highlighter.scss
deleted file mode 100644
index 42d4512..0000000
--- a/_scss/_highlighter.scss
+++ /dev/null
@@ -1,136 +0,0 @@
-.highlight table td {
- padding: 5px;
-}
-
-.highlight table pre {
- margin: 0;
-}
-
-.highlight,
-.highlight .w {
- background-color: $color-bg-alt;
- color: $color-text;
-}
-
-.highlight .err {
- background-color: #ac4142;
- color: $color-bg-alt;
-}
-
-.highlight .c,
-.highlight .ch,
-.highlight .cd,
-.highlight .cm,
-.highlight .cpf,
-.highlight .c1,
-.highlight .cs {
- color: #505050;
-}
-
-.highlight .cp {
- color: #f4bf75;
-}
-
-.highlight .nt {
- color: #f4bf75;
-}
-
-.highlight .o,
-.highlight .ow {
- color: $color-text;
-}
-
-.highlight .p,
-.highlight .pi {
- color: $color-text;
-}
-
-.highlight .gi {
- color: #90a959;
-}
-
-.highlight .gd {
- color: #ac4142;
-}
-
-.highlight .gh {
- background-color: $color-bg-alt;
- color: #6a9fb5;
- font-weight: bold;
-}
-
-.highlight .k,
-.highlight .kn,
-.highlight .kp,
-.highlight .kr,
-.highlight .kv {
- color: #aa759f;
-}
-
-.highlight .kc {
- color: #d28445;
-}
-
-.highlight .kt {
- color: #d28445;
-}
-
-.highlight .kd {
- color: #d28445;
-}
-
-.highlight .s,
-.highlight .sa,
-.highlight .sb,
-.highlight .sc,
-.highlight .dl,
-.highlight .sd,
-.highlight .s2,
-.highlight .sh,
-.highlight .sx,
-.highlight .s1 {
- color: #90a959;
-}
-
-.highlight .sr {
- color: #75b5aa;
-}
-
-.highlight .si {
- color: #8f5536;
-}
-
-.highlight .se {
- color: #8f5536;
-}
-
-.highlight .nn {
- color: #f4bf75;
-}
-
-.highlight .nc {
- color: #f4bf75;
-}
-
-.highlight .no {
- color: #f4bf75;
-}
-
-.highlight .na {
- color: #6a9fb5;
-}
-
-.highlight .m,
-.highlight .mb,
-.highlight .mf,
-.highlight .mh,
-.highlight .mi,
-.highlight .il,
-.highlight .mo,
-.highlight .mx {
- color: #90a959;
-}
-
-.highlight .ss {
- color: #90a959;
-} \ No newline at end of file
diff --git a/_scss/_navbar.scss b/_scss/_navbar.scss
deleted file mode 100644
index ad36e97..0000000
--- a/_scss/_navbar.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-header {
- background-color: $color-bg;
- border-bottom: 1px solid $color-header;
- box-shadow: 0 5px 5px $color-bg;
- left: 0;
- line-height: 3.5em;
- opacity: .975;
- position: fixed;
- right: 0;
- top: 0;
-}
-
-nav {
- margin: auto;
- max-width: 60em;
- padding: 0 4em;
- text-align: right;
-
- a {
- color: $color-text;
- padding: 0 1em;
-
- &:visited {
- color: $color-text;
- }
- }
-}
-
-@media (width <=684px) {
- header {
- box-shadow: none;
- }
-
- nav {
- padding: 0 2em;
-
- span {
- display: none;
- }
- }
-} \ No newline at end of file
diff --git a/_scss/_print.scss b/_scss/_print.scss
deleted file mode 100644
index 9c56324..0000000
--- a/_scss/_print.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@media print {
- body {
- padding: 0;
- }
-
- audio,
- embed,
- footer,
- form,
- header,
- iframe,
- nav,
- object,
- video {
- display: none;
- }
-
- img {
- max-width: 500px;
- }
-} \ No newline at end of file
diff --git a/_scss/_reset.scss b/_scss/_reset.scss
deleted file mode 100644
index 2bb25ec..0000000
--- a/_scss/_reset.scss
+++ /dev/null
@@ -1,179 +0,0 @@
-html {
- line-height: 1.15;
- -webkit-text-size-adjust: 100%;
-}
-
-body {
- margin: 0;
-}
-
-main {
- display: block;
-}
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-hr {
- box-sizing: content-box;
- height: 0;
- overflow: visible;
-}
-
-pre {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
-a {
- background-color: transparent;
-}
-
-abbr[title] {
- border-bottom: none;
- text-decoration: underline;
- text-decoration: underline dotted;
-}
-
-b,
-strong {
- font-weight: bolder;
-}
-
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
-small {
- font-size: 80%;
-}
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-img {
- border-style: none;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
-}
-
-button,
-input {
- overflow: visible;
-}
-
-button,
-select {
- text-transform: none;
-}
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-fieldset {
- padding: 0.35em 0.75em 0.625em;
-}
-
-legend {
- box-sizing: border-box;
- color: inherit;
- display: table;
- max-width: 100%;
- padding: 0;
- white-space: normal;
-}
-
-progress {
- vertical-align: baseline;
-}
-
-textarea {
- overflow: auto;
-}
-
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box;
- padding: 0;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-[type="search"] {
- -webkit-appearance: textfield;
- outline-offset: -2px;
-}
-
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
-}
-
-details {
- display: block;
-}
-
-summary {
- display: list-item;
-}
-
-template {
- display: none;
-}
-
-[hidden] {
- display: none;
-} \ No newline at end of file
diff --git a/_scss/_variables.scss b/_scss/_variables.scss
deleted file mode 100644
index 33041bb..0000000
--- a/_scss/_variables.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-$color-bg: #212529;
-$color-bg-alt: hwb(0deg 0% 100% / 20%);
-$color-bg-code: #3b3d42;
-$color-blossom: #6da13f;
-$color-fade: #598332;
-$color-header: #1b1f22;
-$color-text: #dee2e6;
-$font-family-base: "Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-$font-size-base: 1.8rem; \ No newline at end of file
diff --git a/_scss/_welcome.scss b/_scss/_welcome.scss
deleted file mode 100644
index ff09b80..0000000
--- a/_scss/_welcome.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.welcome {
- left: 50%;
- position: absolute;
- text-align: center;
- top: 40%;
- transform: translate(-50%, -50%);
- white-space: nowrap;
-
- div {
- a {
- color: $color-text;
- padding: 0 .5em;
-
- &:visited {
- color: $color-text;
- }
- }
- }
-} \ No newline at end of file