styles: expand snippets when on mobile
This commit is contained in:
parent
6397b8a8c9
commit
39be3368d2
|
@ -62,6 +62,7 @@ Next we need to import all the external libraries required to compile for Node.
|
||||||
napi = { version = "2.12.2", default-features = false, features = ["napi4"] }
|
napi = { version = "2.12.2", default-features = false, features = ["napi4"] }
|
||||||
napi-derive = "2.12.2"
|
napi-derive = "2.12.2"
|
||||||
```
|
```
|
||||||
|
|
||||||
In this section we define the dependencies required for the project. We need to
|
In this section we define the dependencies required for the project. We need to
|
||||||
use the `napi` crate. The feature flag indicates compatibility with Node.js N-API version 4.
|
use the `napi` crate. The feature flag indicates compatibility with Node.js N-API version 4.
|
||||||
The comment provides a link to the Node.js documentation explaining the N-API version matrix.
|
The comment provides a link to the Node.js documentation explaining the N-API version matrix.
|
||||||
|
@ -78,6 +79,7 @@ In this section, we define build dependencies. Build dependencies are dependenci
|
||||||
lto = true
|
lto = true
|
||||||
strip = "symbols"
|
strip = "symbols"
|
||||||
```
|
```
|
||||||
|
|
||||||
We can add Treesitter dependencies like this.
|
We can add Treesitter dependencies like this.
|
||||||
|
|
||||||
```toml
|
```toml
|
||||||
|
@ -91,7 +93,6 @@ tree-sitter-astro = { git = "https://github.com/virchau13/tree-sitter-astro.git"
|
||||||
tree-sitter-css = "0.20.0"
|
tree-sitter-css = "0.20.0"
|
||||||
tree-sitter-html = "0.20.0"
|
tree-sitter-html = "0.20.0"
|
||||||
tree-sitter-javascript = "0.20.3"
|
tree-sitter-javascript = "0.20.3"
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
In Rust we need to create a function which will be callable from the JavaScript
|
In Rust we need to create a function which will be callable from the JavaScript
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
|
|
||||||
.kanagawa {
|
.kanagawa {
|
||||||
background-color: var(--kngw-sumiInk1);
|
background-color: var(--kngw-sumiInk1);
|
||||||
border: 0.25rem solid var(--kngw-sumiInk3);
|
border-color: var(--kngw-sumiInk3);
|
||||||
color: var(--kngw-fujiWhite);
|
color: var(--kngw-fujiWhite);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|
|
@ -106,8 +106,15 @@
|
||||||
|
|
||||||
.listing {
|
.listing {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 0.5rem;
|
margin: 1em -1em;
|
||||||
margin: 1em 0.5em;
|
border-width: 0.25em 0;
|
||||||
|
border-style: solid;
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
margin: 1em 0.5em;
|
||||||
|
border-width: 0.25rem;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: attr(data-lang);
|
content: attr(data-lang);
|
||||||
|
|
Loading…
Reference in a new issue