Can't get style mixins to work

[malkomalko]

Prime::Styles.define :_mixin do
  style :button,
    font: :app_light.uifont(32),
    height: 60,
    layer: {
      corner_radius: 8.0
    },
    title_color: :app_gray_3,
    top: 120,
    width: 300
end

Prime::Styles.define :home do
  style :title,
    font: :app_light.uifont(32),
    text_alignment: :center,
    text_color: :app_primary_1

  style :login, mixins: [:button],
    background_color: :app_primary_1

  style :register, mixins: [:button],
    background_color: :app_primary_2
end

Any ideas? also when I had everything duplicated corner_radius didn't seem to get applied.

[gvalmon]

Hello.

Regarding corner radius, there are another important options to make it working: clipsToBounds.
So code should look:

style :button,
  layer: {
    corner_radius: 8.0
  },
  clips_to_bounds: true

Regarding the mixins issue, I was not able to repeat it. Could you please post MotionPrime version and code of the section?

Thanks

[malkomalko]

gem 'motion-prime', '0.9.6'

class HomeSection < Prime::Section
  element :title, text: "Hello World!"
  element :login, type: :button, title: "Login"
  element :register, type: :button, title: "Register"
end