initial os release. I really expect SO much bugs, guys. good luck =)

This commit is contained in:
Yiffy Dev 2024-10-30 10:59:43 +05:00 • committed by spushk
commit a6eac5275c
Signed by: spushk
GPG key ID: 7797B761E105E8AA
6 changed files with 7965 additions and 0 deletions

1491
examples/use-styles/Cargo.lock generated Normal file

File diff suppressed because it is too large Load diff

View 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"}

View file

@ -0,0 +1,4 @@
html {
box-sizing: border-box;
font-size: 10px;
}

View 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");
}

View 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!!");
}

View 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