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
@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 { |
$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; |
@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(); | |
} | |
} |
@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(); | |
} | |
} |
@use "sass:map"; | |
.container-outer { | |
display: flex; | |
padding: 32px; | |
align-items: center; | |
flex-direction: column; | |
background-color: lightblue; | |
} |
1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 |
1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 |
1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 |
module.exports = { | |
extends: ['./commitlint.mobile.js'], | |
parserPreset: './parser-preset' | |
}; |
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