Merge pull request #6 from brunoti/feature/4/add_new_properties

add properties

Author: ghivert

e2e/stylesheet_render/src/stylesheet_render.gleam

@@ -59,10 +59,15 @@ fn color_class(model: Model) {
   |> sketch.to_lustre()
 }
 
+fn button_class() {
+	sketch.class([sketch.cursor("crosshair"), sketch.font_size_("14px")])
+	|> sketch.to_lustre()
+}
+
 fn view(model: Model) {
   html.div([main_class()], [
-    html.button([event.on_click(Decrement)], [html.text("Decrement")]),
+    html.button([event.on_click(Decrement), button_class()], [html.text("Decrement")]),
     html.div([color_class(model)], [html.text(int.to_string(model))]),
-    html.button([event.on_click(Increment)], [html.text("Increment")]),
+    html.button([event.on_click(Increment), button_class()], [html.text("Increment")]),
   ])
 }

src/sketch.gleam

@@ -36,6 +36,7 @@
 ////   - [`font_family`](#font_family)
 ////   - [`font_style`](#font_style)
 ////   - [`font_size`](#font_size)
+////   - [`font_size_`](#font_size_)
 ////   - [`font_weight`](#font_weight)
 ////   - [`letter_spacing`](#letter_spacing)
 ////   - [`line_break`](#line_break)
@@ -159,6 +160,7 @@
 ////   - [`margin_bottom`](#margin_bottom)
 ////   - [`margin_right`](#margin_right)
 ////   - [`margin_left`](#margin_left)
+////   - [`cursor`](#cursor)
 ////   - [`property`](#property)
 ////
 //// - Pseudo-selectors
@@ -443,6 +445,10 @@ pub fn font_size(font_size: Size) {
   Property("font-size", size.to_string(font_size), False)
 }
 
+pub fn font_size_(font_size: String) {
+  Property("font-size", font_size, False)
+}
+
 pub fn font_weight(font_weight: String) {
   Property("font-weight", font_weight, False)
 }
@@ -935,6 +941,10 @@ pub fn margin_left(margin: Size) {
   Property("margin-left", size.to_string(margin), False)
 }
 
+pub fn cursor(cursor: String) {
+  Property("cursor", cursor, False)
+}
+
 pub fn property(field: String, content: String) {
   Property(field, content, False)
 }