haskal
/
skzephyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix issue with dots in selectors

This commit is contained in:
annieversary 2022-07-03 01:38:20 +01:00
parent d0c0b96eb3
commit 63ca79e814
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/class.rs
View File

@ -32,22 +32,24 @@ impl<'a> Class<'a> {
rest.push_str(pseudo);
}
// TODO we can probably skip the format here, we just need to push the char at the start
if !rest.is_empty() {
rest.insert(0, ':')
}
format!(".{original}{rest}")
let mut r = format!("{original}{rest}")
.replace('[', "\\[")
.replace(']', "\\]")
.replace('|', "\\|")
.replace('(', "\\(")
.replace(')', "\\)")
.replace('.', "\\.")
.replace('#', "\\#")
.replace('$', "\\$")
.replace('\'', "\\'")
.replace('*', "\\*")
.replace('%', "\\%")
.replace('%', "\\%");
r.insert(0, '.');
r
}
pub(crate) fn generate(&self, z: &Zephyr) -> Result<String, &'static str> {

9
src/lib.rs
View File

@ -81,7 +81,7 @@ mod tests {
pseudo: None,
original: "m[1rem]",
};
let css = class.generate(&z);
let css = class.generate(&z).unwrap();
assert_eq!(css, r#".m\[1rem\] { margin: 1rem; }"#);
let class = Class {
@ -91,7 +91,7 @@ mod tests {
pseudo: None,
original: "m[1rem]focus",
};
let css = class.generate(&z);
let css = class.generate(&z).unwrap();
assert_eq!(css, r#".m\[1rem\]focus:focus { margin: 1rem; }"#);
let class = Class {
@ -101,7 +101,7 @@ mod tests {
pseudo: None,
original: "m[1rem]focus,hover,odd",
};
let css = class.generate(&z);
let css = class.generate(&z).unwrap();
assert_eq!(
css,
r#".m\[1rem\]focus,hover,odd:focus:hover:nth-child\(odd\) { margin: 1rem; }"#
@ -129,6 +129,9 @@ mod tests {
classes,
r#".flex\|hover,focus\$placeholder:hover:focus::placeholder { display: flex; }"#
);
let classes = z.generate_classes(["mr[0.5rem]"]);
assert_eq!(classes, r#".mr\[0\.5rem\] { margin-right: 0.5rem; }"#);
}
#[test]