Sha256: 308d31e96832b75d241b4a1e0cf086551963764ed16b799e4bf2bf2aa55ee9c5
Contents?: true
Size: 2 KB
Versions: 19
Compression:
Stored size: 2 KB
Contents
Teacup::Stylesheet.new(:main) do
# enable orientations on the root view
style :root,
left: 0,
top: 0,
width: 320,
height: 480,
backgroundColor: UIColor.yellowColor,
portrait: true,
upside_down: false,
layer: {
cornerRadius: 10.0,
},
landscape: {
backgroundColor: UIColor.redColor,
},
landscape_left: {
layer: {
transform: transform_layer.spin(-pi / 2),
},
},
landscape_right: {
layer: {
transform: transform_layer.spin(pi / 2),
},
}
style(UILabel, {
textColor: UIColor.blueColor,
})
style CustomView,
# for testing how styles override (this gets overridden by any property in
# a style block, regardless of whether it is in an orientation style)
portrait: {
alpha: 0.75
},
landscape: {
alpha: 0.75
}
style(:background, {
alpha: 0.5,
left: 10,
top: 30,
backgroundColor: UIColor.blackColor,
custom_attr: :custom_value,
portrait: {
width: 300,
height: 440,
backgroundColor: UIColor.darkGrayColor,
},
landscape: {
width: 460,
height: 280,
alpha: 0.8,
backgroundColor: UIColor.lightGrayColor,
},
})
style(:welcome, {
left: 10,
top: 40,
width: 280,
height: 20,
text: "Welcome to teacup",
landscape: {
left: 90,
},
})
style(:footer, {
left: 10,
top: 410,
width: 280,
height: 20,
text: "This is a teacup example",
landscape: {
top: 250,
left: 90,
},
})
style :next_message,
height: 20,
portrait: nil,
title: "Next Message..."
# deliberately declaring this twice for testing purposes
# (declaring twice extends it)
style :next_message,
portrait: {
left: 150,
top: 370,
width: 140, # this should get overridden
},
landscape: {
left: 20,
top: 200,
width: 140, # this should get overridden
}
end
Version data entries
19 entries across 19 versions & 1 rubygems