initial os release. I really expect SO much bugs, guys. good luck =)
This commit is contained in:
commit
a2f1b72204
6 changed files with 7965 additions and 0 deletions
1491
examples/use-styles/Cargo.lock
generated
Normal file
1491
examples/use-styles/Cargo.lock
generated
Normal file
File diff suppressed because it is too large
Load diff
24
examples/use-styles/Cargo.toml
Normal file
24
examples/use-styles/Cargo.toml
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
[package]
|
||||
name = "use-styles"
|
||||
version = "0.0.0"
|
||||
edition = "2021"
|
||||
rust-version = "1.82"
|
||||
publish = false
|
||||
|
||||
[dependencies]
|
||||
sabry = {path = "../../", features = ["sass"]}
|
||||
|
||||
[build-dependencies]
|
||||
sabry = {path = "../../", features = ["build", "sass"]}
|
||||
define-styles = {path = "../define-styles"}
|
||||
|
||||
[package.metadata.sabry]
|
||||
css.bundle = "target/static/style.css"
|
||||
css.scopes = "target/static/styles/"
|
||||
css.bundle_prelude = ["assets/prelude.css"]
|
||||
|
||||
hash.size = 6
|
||||
hash.collision = "error"
|
||||
|
||||
[package.metadata.sabry.lightningcss]
|
||||
targets = {chrome = "120", firefox = "120", ie = "8"}
|
||||
4
examples/use-styles/assets/prelude.css
Normal file
4
examples/use-styles/assets/prelude.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: 10px;
|
||||
}
|
||||
22
examples/use-styles/build.rs
Normal file
22
examples/use-styles/build.rs
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
use define_styles::{theme, tokens, utils as utils_dup};
|
||||
use sabry::{sassy, usey};
|
||||
|
||||
// This module will have the same name as define_styles_example::utils
|
||||
// and sabry is configured to merge them
|
||||
sassy!(utils {
|
||||
@mixin nonclickable(){
|
||||
display: none;
|
||||
}
|
||||
});
|
||||
|
||||
fn main(){
|
||||
/* Declare modules to use with sabry */
|
||||
sabry::buildy(
|
||||
usey!(
|
||||
theme!(),
|
||||
tokens!(),
|
||||
utils_dup!(),
|
||||
utils!()
|
||||
)
|
||||
).expect("Failed to build sabry styles");
|
||||
}
|
||||
17
examples/use-styles/src/main.rs
Normal file
17
examples/use-styles/src/main.rs
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
use sabry::styly;
|
||||
|
||||
styly!(pub const bundlemod {
|
||||
@use "tokens";
|
||||
.someth {
|
||||
@include tokens.clickable;
|
||||
background-color: black;
|
||||
}
|
||||
});
|
||||
|
||||
styly!(pub const filemod:sass "src/main.sass");
|
||||
|
||||
fn main(){
|
||||
println!("someth class codemod styles: {}", bundlemod::someth);
|
||||
println!("someth class filemod styles: {}", filemod::someth);
|
||||
println!("Thats how we used the styles! Good luck!!");
|
||||
}
|
||||
12
examples/use-styles/src/main.sass
Normal file
12
examples/use-styles/src/main.sass
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
@use "tokens"
|
||||
|
||||
.someth
|
||||
@include tokens.clickable
|
||||
background: white
|
||||
&-dark
|
||||
background: none
|
||||
border: 1px solid black
|
||||
&[value]
|
||||
&::after
|
||||
content: "valued"
|
||||
color: green
|
||||
Loading…
Reference in a new issue