BorderStyles.xaml 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  2. <Design.PreviewWith>
  3. <WrapPanel HorizontalAlignment="Center"
  4. Background="{DynamicResource SukiBackground}"
  5. Orientation="Horizontal">
  6. <Border Width="100"
  7. Height="100"
  8. Classes="GradientCard" />
  9. </WrapPanel>
  10. </Design.PreviewWith>
  11. <Style Selector="Border.Card">
  12. <Setter Property="Padding" Value="20" />
  13. <Setter Property="CornerRadius" Value="{DynamicResource MediumCornerRadius}" />
  14. <Setter Property="BorderThickness" Value="1" />
  15. <Setter Property="BorderBrush" Value="{DynamicResource SukiBorderBrush}" />
  16. <Setter Property="Background" Value="{DynamicResource SukiCardBackground}" />
  17. </Style>
  18. <Style Selector="Border.GradientCard">
  19. <Setter Property="Padding" Value="20" />
  20. <Setter Property="CornerRadius" Value="{DynamicResource MediumCornerRadius}" />
  21. <Setter Property="BorderThickness" Value="1" />
  22. <Setter Property="BorderBrush" Value="{DynamicResource SukiBorderBrush}" />
  23. <Setter Property="Background">
  24. <RadialGradientBrush Center="120%,-220%" GradientOrigin="120%,-220%" Radius="3">
  25. <GradientStop Offset="0.4" Color="{DynamicResource SukiPrimaryColor}" />
  26. <GradientStop Offset="1" Color="Transparent" />
  27. </RadialGradientBrush>
  28. </Setter>
  29. <Setter Property="Margin" Value="7" />
  30. </Style>
  31. <Style Selector="Border.ElevatedCard">
  32. <Setter Property="Padding" Value="20" />
  33. <Setter Property="CornerRadius" Value="{DynamicResource MediumCornerRadius}" />
  34. <Setter Property="BorderThickness" Value="1" />
  35. <Setter Property="BorderBrush" Value="{DynamicResource SukiBorderBrush}" />
  36. <Setter Property="Background" Value="{DynamicResource SukiBackground}" />
  37. <Setter Property="Margin" Value="7" />
  38. <Setter Property="BoxShadow" Value="{DynamicResource SukiPopupShadow}" />
  39. </Style>
  40. <Style Selector="Border.Hoverable:pointerover">
  41. <Setter Property="BoxShadow" Value="0 0 7 0 LightGray" />
  42. </Style>
  43. </Styles>