captaincole

import {Component, Element, Prop, State} from '@stencil/core';
import firebase from 'firebase';

@Component({
  tag: 'job-item',
  styleUrl: 'job-item.scss'
})
export class JobItem {

  @Prop() job: any;

captaincole

$colors: (
  primary:     #06D3CA,
  secondary:   #314655,
  danger:      #f53d3d,
  border:      #EFEFEF,
  dark:        #222,
  header:      rgba(38,38,38,1),
  error:       #E0343D,
  description: #5f5757,
  "image-overlay" : rgba(0,0,0, 0.2),

captaincole

const sass = require('@stencil/sass');

exports.config = {
  serviceWorker: {
    swSrc: 'src/sw.js'
  },
  globalStyle: 'src/global/app.css',
  plugins: [
    sass({injectGlobalPaths: [
      'src/global/variables.scss'

captaincole

$app-primary-color: #009688;

captaincole

$color: (
    primary: #009688,
    secondary: #3F51B5
);

// In some other scss file, reference this variable
.active {
    color: map-get($color, primary);
}

captaincole

// src/global/variables.scss
:root {
    --ion-color-primary: $app-primary-color;
}

captaincole

// GraphQL Query
ordersByAsset(assetType: $assetType) {
  id
  asset_type
} 

// GraphQL Codegen
export enum OrderAssetType {
  CommonStock = 'common_stock',
  PreferredStock = 'preferred_stock',

captaincole

// Example of a type safe query that returns an Order object
def orderByAssetType(assetType: OrderAssetType)(implicit ctx: C): Future[OrderRead] = db.run { dsl =>
  dsl.selectFrom(ORDER)
    .where(ORDER.ASSET_TYPE equal assetType)
    .fetchOne()
    .make[OrderRead] // Return an Order Object
}

captaincole

CREATE TYPE order_asset_type AS ENUM ( 
  'common_stock',
  'preferred_stock',
);

captaincole

// jOOQ Generated OrderAssetType Enum
sealed trait OrderAssetType extends EnumEntry

object OrderAssetType extends Enum[OrderAssetType] {
  val values = findValues

  case object common_stock extends OrderAssetType
  case object preferred_stock extends OrderAssetType
}