aureliojota

Coming soon!

aureliojota

Coming soon!

aureliojota

Coming soon!

aureliojota

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="sm">4dp</dimen>
    <dimen name="md">8dp</dimen>
    <dimen name="base">16dp</dimen>
    <dimen name="lg">24dp</dimen>
    <dimen name="xl">32dp</dimen>
    <dimen name="xxl">40dp</dimen>
</resources>

aureliojota

$spacing-xs: 0;
$spacing-sm: 4px;
$spacing-md: 8px;
$spacing-base: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 40px;

aureliojota

struct CargoTheme {
  
  class Background {
    
    class Primary {
      static let normal = Palette.Brand.Purple.swatch800
      static let light = Palette.Brand.Purple.swatch600
      static let dark = Palette.Brand.Purple.swatch900
    }
    

aureliojota

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="YouseTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="textColorError">@color/pink_FF1744</item>

        <item name="android:windowBackground">@color/grey_white_F2F2F2</item>

aureliojota

// The theme background colors
$cargo-theme--primary:             $cargo-color__brand-purple--main;
$cargo-theme--primary-light:       $cargo-color__brand-purple--600;
$cargo-theme--primary-dark:        $cargo-color__brand-purple--900;
$cargo-theme--secondary:           $cargo-color__brand-yellow--main;
$cargo-theme--secondary-light:     $cargo-color__brand-yellow--400;
$cargo-theme--secondary-dark:      $cargo-color__brand-yellow--800;
$cargo-theme--conversion:          $cargo-color__conversion-yellow--main;
$cargo-theme--conversion-light:    $cargo-color__conversion-yellow--600;
$cargo-theme--conversion-dark:     $cargo-color__conversion-yellow--900;

aureliojota

@font-face {
  font-family: 'FelbridgePro-Thin';
  src: url('/fonts/FelbridgePro-Thin.eot');
  src: url('/fonts/FelbridgePro-Thin.eot?#iefix') format('embedded-opentype'),
       url('/fonts/FelbridgePro-Thin.woff') format('woff'),
       url('/fonts/FelbridgePro-Thin.ttf')  format('truetype'),
       url('/fonts/FelbridgePro-Thin.svg#svgFontName') format('svg');
}

@font-face {

aureliojota

import Foundation

private protocol Colors {
    static var swatch50:  Palette { get }
    static var swatch100: Palette { get }
    static var swatch200: Palette { get }
    static var swatch300: Palette { get }
    static var swatch400: Palette { get }
    static var swatch500: Palette { get }
    static var swatch600: Palette { get }