jasonhodges

@use "sass:selector";
@use "sass:string";

.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    &_item {

jasonhodges

$bp_xs: 600px;
$bp_sm: 960px;
$bp_md: 1280px;
$bp_lg: 1920px;
$bp_xl: 3200px;
$bp_xxl: 5760px;

@mixin bp_lt-xs {
  @media screen and (max-width: #{$bp_xs - 1px}) {
    @content;

jasonhodges

@mixin random-bgr(){
  background: rgb(random(255), random(255), random(255));
}
$num_colors: 20;
@for $i from 0 to $num-colors {
  container_#{$i} {
    @include random-bgr();
  }
}

jasonhodges

@mixin random-bgr(){
  background: rgb(random(255), random(255), random(255));
}
$num_colors: 20;
@for $i from 0 to $num-colors {
  container_#{$i} {
    @include random-bgr();
  }
}

jasonhodges

@use "sass:map";

.container-outer {
  display: flex;
  padding: 32px;
  align-items: center;
  flex-direction: column;
  background-color: lightblue;
}

jasonhodges

1
2
3
4
5
6
7
8
9
10

jasonhodges

1
2
3
4
5
6
7
8
9
10

jasonhodges

1
2
3
4
5
6
7
8
9
10

jasonhodges

module.exports = {
  extends: ['./commitlint.mobile.js'],
  parserPreset: './parser-preset'
};

jasonhodges

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents