Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
Todos.svelte
Todo.svelte
FilterButton.svelte
runes
This component is not in runes mode.
To enable runes mode, either start using runes in your code, or add the following to the top of your component:
<svelte:options runes />
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
<!-- App.svelte -->
<script>
import Todos from './Todos.svelte'
let todos = [
{ id: 1, name: 'Create a Svelte starter app', completed: true },
{ id: 2, name: 'Create your first component', completed: true },
{ id: 3, name: 'Complete the rest of the tutorial', completed: false }
]
</script>
<Todos {todos} />
<style>
/* RESETS */
:global(*),
:global(*::before),
:global(*::after) {
box-sizing: border-box;
}
:global(*:focus) {
outline: 3px dashed #228bec;
outline-offset: 0;
}
:global(html) {
font: 62.5% / 1.15 sans-serif;
}
:global(h1),
:global(h2) {
margin-bottom: 0;
}
:global(ul) {
list-style: none;
padding: 0;
}
:global(button) {
bundling https://unpkg.com/clsx@2.1.1/dist/clsx.mjs
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
›
⌄
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import Todos from './Todos.svelte';
export default function App($$anchor) {
let todos = [
{
id: 1,
name: 'Create a Svelte starter app',
completed: true
},
{
id: 2,
name: 'Create your first component',
completed: true
},
{
id: 3,
name: 'Complete the rest of the tutorial',
completed: false
}
];
Todos($$anchor, { todos });
}
result = svelte.compile(source, {
generate: ,
});999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
/* RESETS */
*,
*::before,
*::after {
box-sizing: border-box;
}
*:focus {
outline: 3px dashed #228bec;
outline-offset: 0;
}
html {
font: 62.5% / 1.15 sans-serif;
}
h1,
h2 {
margin-bottom: 0;
}
ul {
list-style: none;
padding: 0;
}
button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
line-height: normal;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
}
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 330
- end: 6091
- attributes: []
children: [...] (54)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 351
- end: 400
children: [...] (3)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 351
- end: 361
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 359
- end: 360
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 359
- end: 360
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 359
- end: 360
}
]- start: 359
- end: 360
}
]
}
]
}- start: 351
- end: 361
}
]- start: 351
- end: 361
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 363
- end: 381
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 371
- end: 380
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 371
- end: 380
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 371
- end: 372
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "before"
- start: 372
- end: 380
}
]- start: 371
- end: 380
}
]
}
]
}- start: 363
- end: 381
}
]- start: 363
- end: 381
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 383
- end: 400
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 391
- end: 399
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 391
- end: 399
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 391
- end: 392
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "after"
- start: 392
- end: 399
}
]- start: 391
- end: 399
}
]
}
]
}- start: 383
- end: 400
}
]- start: 383
- end: 400
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 401
- end: 430
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 405
- end: 427
- property: "box-sizing"
- value: "border-box"
}
]
}- start: 351
- end: 430
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 431
- end: 447
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 431
- end: 447
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 439
- end: 446
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 439
- end: 446
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 439
- end: 440
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "focus"
- args: null
- start: 440
- end: 446
}
]- start: 439
- end: 446
}
]
}
]
}- start: 431
- end: 447
}
]- start: 431
- end: 447
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 448
- end: 503
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 452
- end: 479
- property: "outline"
- value: "3px dashed #228bec"
} Declaration {...}
- type: "Declaration"
- start: 483
- end: 500
- property: "outline-offset"
- value: "0"
}
]
}- start: 431
- end: 503
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 504
- end: 517
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 504
- end: 517
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 512
- end: 516
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 512
- end: 516
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "html"
- start: 512
- end: 516
}
]- start: 512
- end: 516
}
]
}
]
}- start: 504
- end: 517
}
]- start: 504
- end: 517
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 518
- end: 554
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 522
- end: 551
- property: "font"
- value: "62.5% / 1.15 sans-serif"
}
]
}- start: 504
- end: 554
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 555
- end: 579
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 555
- end: 566
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 563
- end: 565
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 563
- end: 565
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h1"
- start: 563
- end: 565
}
]- start: 563
- end: 565
}
]
}
]
}- start: 555
- end: 566
}
]- start: 555
- end: 566
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 568
- end: 579
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 576
- end: 578
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 576
- end: 578
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h2"
- start: 576
- end: 578
}
]- start: 576
- end: 578
}
]
}
]
}- start: 568
- end: 579
}
]- start: 568
- end: 579
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 580
- end: 603
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 584
- end: 600
- property: "margin-bottom"
- value: "0"
}
]
}- start: 555
- end: 603
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 604
- end: 615
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 604
- end: 615
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 612
- end: 614
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 612
- end: 614
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "ul"
- start: 612
- end: 614
}
]- start: 612
- end: 614
}
]
}
]
}- start: 604
- end: 615
}
]- start: 604
- end: 615
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 616
- end: 653
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 620
- end: 636
- property: "list-style"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 640
- end: 650
- property: "padding"
- value: "0"
}
]
}- start: 604
- end: 653
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 654
- end: 669
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 654
- end: 669
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 662
- end: 668
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 662
- end: 668
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 662
- end: 668
}
]- start: 662
- end: 668
}
]
}
]
}- start: 654
- end: 669
}
]- start: 654
- end: 669
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 670
- end: 936
children: [...] (12)
Declaration {...}
- type: "Declaration"
- start: 674
- end: 686
- property: "border"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 690
- end: 699
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 703
- end: 713
- property: "padding"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 717
- end: 728
- property: "width"
- value: "auto"
} Declaration {...}
- type: "Declaration"
- start: 732
- end: 749
- property: "overflow"
- value: "visible"
} Declaration {...}
- type: "Declaration"
- start: 753
- end: 776
- property: "background"
- value: "transparent"
} Declaration {...}
- type: "Declaration"
- start: 780
- end: 794
- property: "color"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 798
- end: 811
- property: "font"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 815
- end: 834
- property: "line-height"
- value: "normal"
} Declaration {...}
- type: "Declaration"
- start: 838
- end: 869
- property: "-webkit-font-smoothing"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 873
- end: 905
- property: "-moz-osx-font-smoothing"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 909
- end: 933
- property: "-webkit-appearance"
- value: "none"
}
]
}- start: 654
- end: 936
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 937
- end: 970
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 937
- end: 970
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 945
- end: 969
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 945
- end: 969
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 945
- end: 951
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "-moz-focus-inner"
- start: 951
- end: 969
}
]- start: 945
- end: 969
}
]
}
]
}- start: 937
- end: 970
}
]- start: 937
- end: 970
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 971
- end: 987
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 975
- end: 984
- property: "border"
- value: "0"
}
]
}- start: 937
- end: 987
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 988
- end: 1074
children: [...] (5)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 988
- end: 1003
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 996
- end: 1002
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 996
- end: 1002
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 996
- end: 1002
}
]- start: 996
- end: 1002
}
]
}
]
}- start: 988
- end: 1003
}
]- start: 988
- end: 1003
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1005
- end: 1019
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1013
- end: 1018
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1013
- end: 1018
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 1013
- end: 1018
}
]- start: 1013
- end: 1018
}
]
}
]
}- start: 1005
- end: 1019
}
]- start: 1005
- end: 1019
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1021
- end: 1038
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1029
- end: 1037
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1029
- end: 1037
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "optgroup"
- start: 1029
- end: 1037
}
]- start: 1029
- end: 1037
}
]
}
]
}- start: 1021
- end: 1038
}
]- start: 1021
- end: 1038
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1040
- end: 1055
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1048
- end: 1054
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1048
- end: 1054
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "select"
- start: 1048
- end: 1054
}
]- start: 1048
- end: 1054
}
]
}
]
}- start: 1040
- end: 1055
}
]- start: 1040
- end: 1055
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1057
- end: 1074
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1065
- end: 1073
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1065
- end: 1073
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "textarea"
- start: 1065
- end: 1073
}
]- start: 1065
- end: 1073
}
]
}
]
}- start: 1057
- end: 1074
}
]- start: 1057
- end: 1074
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1075
- end: 1155
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 1079
- end: 1099
- property: "font-family"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 1103
- end: 1118
- property: "font-size"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1122
- end: 1139
- property: "line-height"
- value: "1.15"
} Declaration {...}
- type: "Declaration"
- start: 1143
- end: 1152
- property: "margin"
- value: "0"
}
]
}- start: 988
- end: 1155
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1156
- end: 1187
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1156
- end: 1171
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1164
- end: 1170
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1164
- end: 1170
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 1164
- end: 1170
}
]- start: 1164
- end: 1170
}
]
}
]
}- start: 1156
- end: 1171
}
]- start: 1156
- end: 1171
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1173
- end: 1187
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1181
- end: 1186
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1181
- end: 1186
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 1181
- end: 1186
}
]- start: 1181
- end: 1186
}
]
}
]
}- start: 1173
- end: 1187
}
]- start: 1173
- end: 1187
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1188
- end: 1212
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1192
- end: 1209
- property: "overflow"
- value: "visible"
}
]
}- start: 1156
- end: 1212
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1213
- end: 1240
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1213
- end: 1240
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1221
- end: 1239
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1221
- end: 1239
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 1221
- end: 1226
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 1226
- end: 1239
- name: "type"
- matcher: "="
- value: "text"
- flags: null
}
]- start: 1221
- end: 1239
}
]
}
]
}- start: 1213
- end: 1240
}
]- start: 1213
- end: 1240
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1241
- end: 1264
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1245
- end: 1261
- property: "border-radius"
- value: "0"
}
]
}- start: 1213
- end: 1264
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1265
- end: 1278
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1265
- end: 1278
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1273
- end: 1277
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1273
- end: 1277
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "body"
- start: 1273
- end: 1277
}
]- start: 1273
- end: 1277
}
]
}
]
}- start: 1265
- end: 1278
}
]- start: 1265
- end: 1278
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1279
- end: 1421
children: [...] (6)
Declaration {...}
- type: "Declaration"
- start: 1283
- end: 1294
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1298
- end: 1314
- property: "max-width"
- value: "68rem"
} Declaration {...}
- type: "Declaration"
- start: 1318
- end: 1332
- property: "margin"
- value: "0 auto"
} Declaration {...}
- type: "Declaration"
- start: 1336
- end: 1371
- property: "font"
- value: "1.6rem/1.25 Arial, sans-serif"
} Declaration {...}
- type: "Declaration"
- start: 1375
- end: 1400
- property: "background-color"
- value: "#f5f5f5"
} Declaration {...}
- type: "Declaration"
- start: 1404
- end: 1418
- property: "color"
- value: "#4d4d4d"
}
]
}- start: 1265
- end: 1421
} Atrule {...}
- type: "Atrule"
- start: 1422
- end: 1533
- name: "media"
- prelude: "screen and (min-width: 620px)"
block: Block {...}
- type: "Block"
- start: 1459
- end: 1533
children: [...] (1)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1463
- end: 1476
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1463
- end: 1476
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1471
- end: 1475
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1471
- end: 1475
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "body"
- start: 1471
- end: 1475
}
]- start: 1471
- end: 1475
}
]
}
]
}- start: 1463
- end: 1476
}
]- start: 1463
- end: 1476
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1477
- end: 1531
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1483
- end: 1500
- property: "font-size"
- value: "1.9rem"
} Declaration {...}
- type: "Declaration"
- start: 1506
- end: 1526
- property: "line-height"
- value: "1.31579"
}
]
}- start: 1463
- end: 1531
}
]
}
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1570
- end: 1611
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1570
- end: 1611
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1578
- end: 1610
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1578
- end: 1610
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "form-group"
- start: 1578
- end: 1589
}
]- start: 1578
- end: 1589
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 1590
- end: 1591
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 1592
- end: 1597
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 1597
- end: 1610
- name: "type"
- matcher: "="
- value: "text"
- flags: null
}
]- start: 1590
- end: 1610
}
]
}
]
}- start: 1570
- end: 1611
}
]- start: 1570
- end: 1611
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1612
- end: 1662
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1616
- end: 1637
- property: "display"
- value: "inline-block"
} Declaration {...}
- type: "Declaration"
- start: 1641
- end: 1659
- property: "margin-top"
- value: "0.4rem"
}
]
}- start: 1570
- end: 1662
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1663
- end: 1676
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1663
- end: 1676
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1671
- end: 1675
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1671
- end: 1675
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn"
- start: 1671
- end: 1675
}
]- start: 1671
- end: 1675
}
]
}
]
}- start: 1663
- end: 1676
}
]- start: 1663
- end: 1676
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1677
- end: 1792
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 1681
- end: 1708
- property: "padding"
- value: "0.8rem 1rem 0.7rem"
} Declaration {...}
- type: "Declaration"
- start: 1712
- end: 1740
- property: "border"
- value: "0.2rem solid #4d4d4d"
} Declaration {...}
- type: "Declaration"
- start: 1744
- end: 1759
- property: "cursor"
- value: "pointer"
} Declaration {...}
- type: "Declaration"
- start: 1763
- end: 1789
- property: "text-transform"
- value: "capitalize"
}
]
}- start: 1663
- end: 1792
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1793
- end: 1817
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1793
- end: 1817
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1801
- end: 1816
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1801
- end: 1816
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn"
- start: 1801
- end: 1805
} ClassSelector {...}
- type: "ClassSelector"
- name: "toggle-btn"
- start: 1805
- end: 1816
}
]- start: 1801
- end: 1816
}
]
}
]
}- start: 1793
- end: 1817
}
]- start: 1793
- end: 1817
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1818
- end: 1867
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1822
- end: 1839
- property: "border-width"
- value: "1px"
} Declaration {...}
- type: "Declaration"
- start: 1843
- end: 1864
- property: "border-color"
- value: "#d3d3d3"
}
]
}- start: 1793
- end: 1867
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1868
- end: 1913
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1868
- end: 1913
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1876
- end: 1912
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1876
- end: 1912
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (3)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn"
- start: 1876
- end: 1880
} ClassSelector {...}
- type: "ClassSelector"
- name: "toggle-btn"
- start: 1880
- end: 1891
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 1891
- end: 1912
- name: "aria-pressed"
- matcher: "="
- value: "true"
- flags: null
}
]- start: 1876
- end: 1912
}
]
}
]
}- start: 1868
- end: 1913
}
]- start: 1868
- end: 1913
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1914
- end: 1972
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1918
- end: 1944
- property: "text-decoration"
- value: "underline"
} Declaration {...}
- type: "Declaration"
- start: 1948
- end: 1969
- property: "border-color"
- value: "#4d4d4d"
}
]
}- start: 1868
- end: 1972
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1973
- end: 1994
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1973
- end: 1994
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 1981
- end: 1993
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1981
- end: 1993
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn__danger"
- start: 1981
- end: 1993
}
]- start: 1981
- end: 1993
}
]
}
]
}- start: 1973
- end: 1994
}
]- start: 1973
- end: 1994
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1995
- end: 2067
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 1999
- end: 2010
- property: "color"
- value: "#fff"
} Declaration {...}
- type: "Declaration"
- start: 2014
- end: 2039
- property: "background-color"
- value: "#ca3c3c"
} Declaration {...}
- type: "Declaration"
- start: 2043
- end: 2064
- property: "border-color"
- value: "#bd2130"
}
]
}- start: 1973
- end: 2067
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2068
- end: 2089
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2068
- end: 2089
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2076
- end: 2088
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2076
- end: 2088
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn__filter"
- start: 2076
- end: 2088
}
]- start: 2076
- end: 2088
}
]
}
]
}- start: 2068
- end: 2089
}
]- start: 2068
- end: 2089
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2090
- end: 2120
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2094
- end: 2117
- property: "border-color"
- value: "lightgrey"
}
]
}- start: 2068
- end: 2120
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2121
- end: 2143
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2121
- end: 2143
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2129
- end: 2142
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2129
- end: 2142
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn__primary"
- start: 2129
- end: 2142
}
]- start: 2129
- end: 2142
}
]
}
]
}- start: 2121
- end: 2143
}
]- start: 2121
- end: 2143
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2144
- end: 2188
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2148
- end: 2159
- property: "color"
- value: "#fff"
} Declaration {...}
- type: "Declaration"
- start: 2163
- end: 2185
- property: "background-color"
- value: "#000"
}
]
}- start: 2121
- end: 2188
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2189
- end: 2220
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2189
- end: 2220
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2197
- end: 2219
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2197
- end: 2219
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn__primary"
- start: 2197
- end: 2210
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "disabled"
- args: null
- start: 2210
- end: 2219
}
]- start: 2197
- end: 2219
}
]
}
]
}- start: 2189
- end: 2220
}
]- start: 2189
- end: 2220
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2221
- end: 2270
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2225
- end: 2239
- property: "color"
- value: "darkgrey"
} Declaration {...}
- type: "Declaration"
- start: 2243
- end: 2267
- property: "background-color"
- value: "#565656"
}
]
}- start: 2189
- end: 2270
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2271
- end: 2290
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2271
- end: 2290
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2279
- end: 2289
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2279
- end: 2289
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn-group"
- start: 2279
- end: 2289
}
]- start: 2279
- end: 2289
}
]
}
]
}- start: 2271
- end: 2290
}
]- start: 2271
- end: 2290
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2291
- end: 2345
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2295
- end: 2308
- property: "display"
- value: "flex"
} Declaration {...}
- type: "Declaration"
- start: 2312
- end: 2342
- property: "justify-content"
- value: "space-between"
}
]
}- start: 2271
- end: 2345
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2346
- end: 2369
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2346
- end: 2369
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2354
- end: 2368
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2354
- end: 2368
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn-group"
- start: 2354
- end: 2364
}
]- start: 2354
- end: 2364
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2365
- end: 2366
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2367
- end: 2368
}
]- start: 2365
- end: 2368
}
]
}
]
}- start: 2346
- end: 2369
}
]- start: 2346
- end: 2369
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2370
- end: 2390
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2374
- end: 2387
- property: "flex"
- value: "1 1 49%"
}
]
}- start: 2346
- end: 2390
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2391
- end: 2418
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2391
- end: 2418
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2399
- end: 2417
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2399
- end: 2417
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "btn-group"
- start: 2399
- end: 2409
}
]- start: 2399
- end: 2409
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2410
- end: 2411
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2412
- end: 2413
}
]- start: 2410
- end: 2413
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 2414
- end: 2415
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2416
- end: 2417
}
]- start: 2414
- end: 2417
}
]
}
]
}- start: 2391
- end: 2418
}
]- start: 2391
- end: 2418
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2419
- end: 2445
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2423
- end: 2442
- property: "margin-left"
- value: "0.8rem"
}
]
}- start: 2391
- end: 2445
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2446
- end: 2469
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2446
- end: 2469
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2454
- end: 2468
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2454
- end: 2468
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "label-wrapper"
- start: 2454
- end: 2468
}
]- start: 2454
- end: 2468
}
]
}
]
}- start: 2446
- end: 2469
}
]- start: 2446
- end: 2469
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2470
- end: 2526
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 2474
- end: 2483
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2487
- end: 2501
- property: "flex"
- value: "0 0 100%"
} Declaration {...}
- type: "Declaration"
- start: 2505
- end: 2523
- property: "text-align"
- value: "center"
}
]
}- start: 2446
- end: 2526
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2527
- end: 2552
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2527
- end: 2552
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2535
- end: 2551
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2535
- end: 2551
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "visually-hidden"
- start: 2535
- end: 2551
}
]- start: 2535
- end: 2551
}
]
}
]
}- start: 2527
- end: 2552
}
]- start: 2527
- end: 2552
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2553
- end: 2726
children: [...] (7)
Declaration {...}
- type: "Declaration"
- start: 2557
- end: 2586
- property: "position"
- value: "absolute !important"
} Declaration {...}
- type: "Declaration"
- start: 2590
- end: 2601
- property: "height"
- value: "1px"
} Declaration {...}
- type: "Declaration"
- start: 2605
- end: 2615
- property: "width"
- value: "1px"
} Declaration {...}
- type: "Declaration"
- start: 2619
- end: 2635
- property: "overflow"
- value: "hidden"
} Declaration {...}
- type: "Declaration"
- start: 2639
- end: 2666
- property: "clip"
- value: "rect(1px 1px 1px 1px)"
} Declaration {...}
- type: "Declaration"
- start: 2670
- end: 2700
- property: "clip"
- value: "rect(1px, 1px, 1px, 1px)"
} Declaration {...}
- type: "Declaration"
- start: 2704
- end: 2723
- property: "white-space"
- value: "nowrap"
}
]
}- start: 2527
- end: 2726
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2727
- end: 2756
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2727
- end: 2756
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2735
- end: 2755
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2735
- end: 2755
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
AttributeSelector {...}
- type: "AttributeSelector"
- start: 2735
- end: 2751
- name: "class"
- matcher: "*="
- value: "stack"
- flags: null
}
]- start: 2735
- end: 2751
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2752
- end: 2753
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2754
- end: 2755
}
]- start: 2752
- end: 2755
}
]
}
]
}- start: 2727
- end: 2756
}
]- start: 2727
- end: 2756
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2757
- end: 2797
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2761
- end: 2774
- property: "margin-top"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2778
- end: 2794
- property: "margin-bottom"
- value: "0"
}
]
}- start: 2727
- end: 2797
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2798
- end: 2827
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2798
- end: 2827
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2806
- end: 2826
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2806
- end: 2826
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "stack-small"
- start: 2806
- end: 2818
}
]- start: 2806
- end: 2818
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2819
- end: 2820
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2821
- end: 2822
}
]- start: 2819
- end: 2822
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 2823
- end: 2824
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2825
- end: 2826
}
]- start: 2823
- end: 2826
}
]
}
]
}- start: 2798
- end: 2827
}
]- start: 2798
- end: 2827
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2828
- end: 2854
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2832
- end: 2851
- property: "margin-top"
- value: "1.25rem"
}
]
}- start: 2798
- end: 2854
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2855
- end: 2884
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2855
- end: 2884
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2863
- end: 2883
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2863
- end: 2883
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "stack-large"
- start: 2863
- end: 2875
}
]- start: 2863
- end: 2875
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2876
- end: 2877
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2878
- end: 2879
}
]- start: 2876
- end: 2879
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 2880
- end: 2881
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2882
- end: 2883
}
]- start: 2880
- end: 2883
}
]
}
]
}- start: 2855
- end: 2884
}
]- start: 2855
- end: 2884
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2885
- end: 2910
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2889
- end: 2907
- property: "margin-top"
- value: "2.5rem"
}
]
}- start: 2855
- end: 2910
} Atrule {...}
- type: "Atrule"
- start: 2911
- end: 3075
- name: "media"
- prelude: "screen and (min-width: 550px)"
block: Block {...}
- type: "Block"
- start: 2948
- end: 3075
children: [...] (2)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2952
- end: 2981
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2952
- end: 2981
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 2960
- end: 2980
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2960
- end: 2980
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "stack-small"
- start: 2960
- end: 2972
}
]- start: 2960
- end: 2972
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 2973
- end: 2974
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2975
- end: 2976
}
]- start: 2973
- end: 2976
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 2977
- end: 2978
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 2979
- end: 2980
}
]- start: 2977
- end: 2980
}
]
}
]
}- start: 2952
- end: 2981
}
]- start: 2952
- end: 2981
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2982
- end: 3011
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2988
- end: 3006
- property: "margin-top"
- value: "1.4rem"
}
]
}- start: 2952
- end: 3011
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3014
- end: 3043
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3014
- end: 3043
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3022
- end: 3042
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3022
- end: 3042
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "stack-large"
- start: 3022
- end: 3034
}
]- start: 3022
- end: 3034
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 3035
- end: 3036
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 3037
- end: 3038
}
]- start: 3035
- end: 3038
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 3039
- end: 3040
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 3041
- end: 3042
}
]- start: 3039
- end: 3042
}
]
}
]
}- start: 3014
- end: 3043
}
]- start: 3014
- end: 3043
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3044
- end: 3073
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 3050
- end: 3068
- property: "margin-top"
- value: "2.8rem"
}
]
}- start: 3014
- end: 3073
}
]
}
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3076
- end: 3101
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3076
- end: 3101
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3084
- end: 3100
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3084
- end: 3100
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "stack-exception"
- start: 3084
- end: 3100
}
]- start: 3084
- end: 3100
}
]
}
]
}- start: 3076
- end: 3101
}
]- start: 3076
- end: 3101
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3102
- end: 3127
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 3106
- end: 3124
- property: "margin-top"
- value: "1.2rem"
}
]
}- start: 3076
- end: 3127
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3153
- end: 3170
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3153
- end: 3170
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3161
- end: 3169
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3161
- end: 3169
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todoapp"
- start: 3161
- end: 3169
}
]- start: 3161
- end: 3169
}
]
}
]
}- start: 3153
- end: 3170
}
]- start: 3153
- end: 3170
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3171
- end: 3340
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 3175
- end: 3191
- property: "background"
- value: "#fff"
} Declaration {...}
- type: "Declaration"
- start: 3195
- end: 3216
- property: "margin"
- value: "2rem 0 4rem 0"
} Declaration {...}
- type: "Declaration"
- start: 3220
- end: 3233
- property: "padding"
- value: "1rem"
} Declaration {...}
- type: "Declaration"
- start: 3237
- end: 3255
- property: "position"
- value: "relative"
} Declaration {...}
- type: "Declaration"
- start: 3259
- end: 3337
- property: "box-shadow"
- value: "0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2.5rem 5rem 0 rgba(0, 0, 0, 0.1)"
}
]
}- start: 3153
- end: 3340
} Atrule {...}
- type: "Atrule"
- start: 3341
- end: 3426
- name: "media"
- prelude: "screen and (min-width: 550px)"
block: Block {...}
- type: "Block"
- start: 3378
- end: 3426
children: [...] (1)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3382
- end: 3399
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3382
- end: 3399
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3390
- end: 3398
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3390
- end: 3398
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todoapp"
- start: 3390
- end: 3398
}
]- start: 3390
- end: 3398
}
]
}
]
}- start: 3382
- end: 3399
}
]- start: 3382
- end: 3399
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3400
- end: 3424
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 3406
- end: 3419
- property: "padding"
- value: "4rem"
}
]
}- start: 3382
- end: 3424
}
]
}
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3427
- end: 3448
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3427
- end: 3448
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3435
- end: 3447
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3435
- end: 3447
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todoapp"
- start: 3435
- end: 3443
}
]- start: 3435
- end: 3443
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 3444
- end: 3445
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 3446
- end: 3447
}
]- start: 3444
- end: 3447
}
]
}
]
}- start: 3427
- end: 3448
}
]- start: 3427
- end: 3448
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3449
- end: 3515
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 3453
- end: 3469
- property: "max-width"
- value: "50rem"
} Declaration {...}
- type: "Declaration"
- start: 3473
- end: 3490
- property: "margin-left"
- value: "auto"
} Declaration {...}
- type: "Declaration"
- start: 3494
- end: 3512
- property: "margin-right"
- value: "auto"
}
]
}- start: 3427
- end: 3515
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3516
- end: 3540
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3516
- end: 3540
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3524
- end: 3539
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3524
- end: 3539
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todoapp"
- start: 3524
- end: 3532
}
]- start: 3524
- end: 3532
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 3533
- end: 3534
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "form"
- start: 3535
- end: 3539
}
]- start: 3533
- end: 3539
}
]
}
]
}- start: 3516
- end: 3540
}
]- start: 3516
- end: 3540
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3541
- end: 3563
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 3545
- end: 3560
- property: "max-width"
- value: "100%"
}
]
}- start: 3516
- end: 3563
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3564
- end: 3586
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3564
- end: 3586
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3572
- end: 3585
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3572
- end: 3585
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todoapp"
- start: 3572
- end: 3580
}
]- start: 3572
- end: 3580
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 3581
- end: 3582
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h1"
- start: 3583
- end: 3585
}
]- start: 3581
- end: 3585
}
]
}
]
}- start: 3564
- end: 3586
}
]- start: 3564
- end: 3586
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3587
- end: 3685
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 3591
- end: 3605
- property: "display"
- value: "block"
} Declaration {...}
- type: "Declaration"
- start: 3609
- end: 3624
- property: "max-width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 3628
- end: 3646
- property: "text-align"
- value: "center"
} Declaration {...}
- type: "Declaration"
- start: 3650
- end: 3659
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 3663
- end: 3682
- property: "margin-bottom"
- value: "1rem"
}
]
}- start: 3564
- end: 3685
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3686
- end: 3705
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3686
- end: 3705
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3694
- end: 3704
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3694
- end: 3704
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "label__lg"
- start: 3694
- end: 3704
}
]- start: 3694
- end: 3704
}
]
}
]
}- start: 3686
- end: 3705
}
]- start: 3686
- end: 3705
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3706
- end: 3817
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 3710
- end: 3730
- property: "line-height"
- value: "1.01567"
} Declaration {...}
- type: "Declaration"
- start: 3734
- end: 3750
- property: "font-weight"
- value: "300"
} Declaration {...}
- type: "Declaration"
- start: 3754
- end: 3769
- property: "padding"
- value: "0.8rem"
} Declaration {...}
- type: "Declaration"
- start: 3773
- end: 3792
- property: "margin-bottom"
- value: "1rem"
} Declaration {...}
- type: "Declaration"
- start: 3796
- end: 3814
- property: "text-align"
- value: "center"
}
]
}- start: 3686
- end: 3817
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3818
- end: 3837
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3818
- end: 3837
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3826
- end: 3836
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3826
- end: 3836
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "input__lg"
- start: 3826
- end: 3836
}
]- start: 3826
- end: 3836
}
]
}
]
}- start: 3818
- end: 3837
}
]- start: 3818
- end: 3837
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3838
- end: 3884
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 3842
- end: 3855
- property: "padding"
- value: "2rem"
} Declaration {...}
- type: "Declaration"
- start: 3859
- end: 3881
- property: "border"
- value: "2px solid #000"
}
]
}- start: 3818
- end: 3884
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3885
- end: 3910
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3885
- end: 3910
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3893
- end: 3909
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3893
- end: 3909
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
ClassSelector {...}
- type: "ClassSelector"
- name: "input__lg"
- start: 3893
- end: 3903
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "focus"
- args: null
- start: 3903
- end: 3909
}
]- start: 3893
- end: 3909
}
]
}
]
}- start: 3885
- end: 3910
}
]- start: 3885
- end: 3910
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3911
- end: 3970
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 3915
- end: 3936
- property: "border-color"
- value: "#4d4d4d"
} Declaration {...}
- type: "Declaration"
- start: 3940
- end: 3967
- property: "box-shadow"
- value: "inset 0 0 0 2px"
}
]
}- start: 3885
- end: 3970
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3971
- end: 3995
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3971
- end: 3995
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 3979
- end: 3994
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3979
- end: 3994
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
AttributeSelector {...}
- type: "AttributeSelector"
- start: 3979
- end: 3994
- name: "class"
- matcher: "*="
- value: "__lg"
- flags: null
}
]- start: 3979
- end: 3994
}
]
}
]
}- start: 3971
- end: 3995
}
]- start: 3971
- end: 3995
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3996
- end: 4060
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 4000
- end: 4021
- property: "display"
- value: "inline-block"
} Declaration {...}
- type: "Declaration"
- start: 4025
- end: 4036
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 4040
- end: 4057
- property: "font-size"
- value: "1.9rem"
}
]
}- start: 3971
- end: 4060
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4061
- end: 4102
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4061
- end: 4102
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4069
- end: 4101
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4069
- end: 4101
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
AttributeSelector {...}
- type: "AttributeSelector"
- start: 4069
- end: 4084
- name: "class"
- matcher: "*="
- value: "__lg"
- flags: null
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "not"
args: SelectorList {...}
- type: "SelectorList"
- start: 4089
- end: 4100
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4089
- end: 4100
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "last-child"
- args: null
- start: 4089
- end: 4100
}
]- start: 4089
- end: 4100
}
]
}
]
}- start: 4084
- end: 4101
}
]- start: 4069
- end: 4101
}
]
}
]
}- start: 4061
- end: 4102
}
]- start: 4061
- end: 4102
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4103
- end: 4129
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 4107
- end: 4126
- property: "margin-bottom"
- value: "1rem"
}
]
}- start: 4061
- end: 4129
} Atrule {...}
- type: "Atrule"
- start: 4130
- end: 4226
- name: "media"
- prelude: "screen and (min-width: 620px)"
block: Block {...}
- type: "Block"
- start: 4167
- end: 4226
children: [...] (1)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4171
- end: 4195
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4171
- end: 4195
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4179
- end: 4194
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4179
- end: 4194
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
AttributeSelector {...}
- type: "AttributeSelector"
- start: 4179
- end: 4194
- name: "class"
- matcher: "*="
- value: "__lg"
- flags: null
}
]- start: 4179
- end: 4194
}
]
}
]
}- start: 4171
- end: 4195
}
]- start: 4171
- end: 4195
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4196
- end: 4224
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 4202
- end: 4219
- property: "font-size"
- value: "2.4rem"
}
]
}- start: 4171
- end: 4224
}
]
}
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4227
- end: 4244
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4227
- end: 4244
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4235
- end: 4243
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4235
- end: 4243
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "filters"
- start: 4235
- end: 4243
}
]- start: 4235
- end: 4243
}
]
}
]
}- start: 4227
- end: 4244
}
]- start: 4227
- end: 4244
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4245
- end: 4285
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 4249
- end: 4260
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 4264
- end: 4282
- property: "margin"
- value: "unset auto"
}
]
}- start: 4227
- end: 4285
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4309
- end: 4323
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4309
- end: 4323
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4317
- end: 4322
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4317
- end: 4322
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todo"
- start: 4317
- end: 4322
}
]- start: 4317
- end: 4322
}
]
}
]
}- start: 4309
- end: 4323
}
]- start: 4309
- end: 4323
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4324
- end: 4386
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 4328
- end: 4341
- property: "display"
- value: "flex"
} Declaration {...}
- type: "Declaration"
- start: 4345
- end: 4364
- property: "flex-direction"
- value: "row"
} Declaration {...}
- type: "Declaration"
- start: 4368
- end: 4383
- property: "flex-wrap"
- value: "wrap"
}
]
}- start: 4309
- end: 4386
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4387
- end: 4405
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4387
- end: 4405
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4395
- end: 4404
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4395
- end: 4404
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todo"
- start: 4395
- end: 4400
}
]- start: 4395
- end: 4400
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 4401
- end: 4402
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "*"
- start: 4403
- end: 4404
}
]- start: 4401
- end: 4404
}
]
}
]
}- start: 4387
- end: 4405
}
]- start: 4387
- end: 4405
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4406
- end: 4427
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 4410
- end: 4424
- property: "flex"
- value: "0 0 100%"
}
]
}- start: 4387
- end: 4427
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4428
- end: 4447
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4428
- end: 4447
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4436
- end: 4446
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4436
- end: 4446
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "todo-text"
- start: 4436
- end: 4446
}
]- start: 4436
- end: 4446
}
]
}
]
}- start: 4428
- end: 4447
}
]- start: 4428
- end: 4447
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4448
- end: 4543
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 4452
- end: 4463
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 4467
- end: 4485
- property: "min-height"
- value: "4.4rem"
} Declaration {...}
- type: "Declaration"
- start: 4489
- end: 4511
- property: "padding"
- value: "0.4rem 0.8rem"
} Declaration {...}
- type: "Declaration"
- start: 4515
- end: 4540
- property: "border"
- value: "2px solid #565656"
}
]
}- start: 4428
- end: 4543
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4544
- end: 4569
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4544
- end: 4569
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4552
- end: 4568
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4552
- end: 4568
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
ClassSelector {...}
- type: "ClassSelector"
- name: "todo-text"
- start: 4552
- end: 4562
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "focus"
- args: null
- start: 4562
- end: 4568
}
]- start: 4552
- end: 4568
}
]
}
]
}- start: 4544
- end: 4569
}
]- start: 4544
- end: 4569
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4570
- end: 4604
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 4574
- end: 4601
- property: "box-shadow"
- value: "inset 0 0 0 2px"
}
]
}- start: 4544
- end: 4604
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4627
- end: 4641
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4627
- end: 4641
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4635
- end: 4640
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4635
- end: 4640
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 4635
- end: 4640
}
]- start: 4635
- end: 4640
}
]
}
]
}- start: 4627
- end: 4641
}
]- start: 4627
- end: 4641
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4642
- end: 4903
children: [...] (11)
Declaration {...}
- type: "Declaration"
- start: 4646
- end: 4668
- property: "box-sizing"
- value: "border-box"
} Declaration {...}
- type: "Declaration"
- start: 4672
- end: 4702
- property: "font-family"
- value: "Arial, sans-serif"
} Declaration {...}
- type: "Declaration"
- start: 4706
- end: 4741
- property: "-webkit-font-smoothing"
- value: "antialiased"
} Declaration {...}
- type: "Declaration"
- start: 4745
- end: 4761
- property: "font-weight"
- value: "400"
} Declaration {...}
- type: "Declaration"
- start: 4765
- end: 4782
- property: "font-size"
- value: "1.6rem"
} Declaration {...}
- type: "Declaration"
- start: 4786
- end: 4803
- property: "line-height"
- value: "1.25"
} Declaration {...}
- type: "Declaration"
- start: 4807
- end: 4821
- property: "display"
- value: "block"
} Declaration {...}
- type: "Declaration"
- start: 4825
- end: 4843
- property: "position"
- value: "relative"
} Declaration {...}
- type: "Declaration"
- start: 4847
- end: 4863
- property: "min-height"
- value: "44px"
} Declaration {...}
- type: "Declaration"
- start: 4867
- end: 4885
- property: "padding-left"
- value: "40px"
} Declaration {...}
- type: "Declaration"
- start: 4889
- end: 4900
- property: "clear"
- value: "left"
}
]
}- start: 4627
- end: 4903
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 4904
- end: 4975
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4904
- end: 4934
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4912
- end: 4933
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4912
- end: 4933
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 4912
- end: 4917
}
]- start: 4912
- end: 4917
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 4918
- end: 4919
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 4920
- end: 4925
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "before"
- start: 4925
- end: 4933
}
]- start: 4918
- end: 4933
}
]
}
]
}- start: 4904
- end: 4934
}
]- start: 4904
- end: 4934
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 4936
- end: 4975
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 4944
- end: 4974
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 4944
- end: 4974
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 4944
- end: 4949
}
]- start: 4944
- end: 4949
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 4950
- end: 4951
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 4952
- end: 4957
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 4957
- end: 4974
- name: "type"
- matcher: "="
- value: "checkbox"
- flags: null
}
]- start: 4950
- end: 4974
}
]
}
]
}- start: 4936
- end: 4975
}
]- start: 4936
- end: 4975
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 4976
- end: 5063
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 4980
- end: 5002
- property: "box-sizing"
- value: "border-box"
} Declaration {...}
- type: "Declaration"
- start: 5006
- end: 5015
- property: "top"
- value: "-2px"
} Declaration {...}
- type: "Declaration"
- start: 5019
- end: 5029
- property: "left"
- value: "-2px"
} Declaration {...}
- type: "Declaration"
- start: 5033
- end: 5044
- property: "width"
- value: "44px"
} Declaration {...}
- type: "Declaration"
- start: 5048
- end: 5060
- property: "height"
- value: "44px"
}
]
}- start: 4904
- end: 5063
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5064
- end: 5103
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5064
- end: 5103
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 5072
- end: 5102
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5072
- end: 5102
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 5072
- end: 5077
}
]- start: 5072
- end: 5077
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 5078
- end: 5079
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 5080
- end: 5085
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 5085
- end: 5102
- name: "type"
- matcher: "="
- value: "checkbox"
- flags: null
}
]- start: 5078
- end: 5102
}
]
}
]
}- start: 5064
- end: 5103
}
]- start: 5064
- end: 5103
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 5104
- end: 5228
children: [...] (6)
Declaration {...}
- type: "Declaration"
- start: 5108
- end: 5143
- property: "-webkit-font-smoothing"
- value: "antialiased"
} Declaration {...}
- type: "Declaration"
- start: 5147
- end: 5162
- property: "cursor"
- value: "pointer"
} Declaration {...}
- type: "Declaration"
- start: 5166
- end: 5184
- property: "position"
- value: "absolute"
} Declaration {...}
- type: "Declaration"
- start: 5188
- end: 5198
- property: "z-index"
- value: "1"
} Declaration {...}
- type: "Declaration"
- start: 5202
- end: 5211
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 5215
- end: 5225
- property: "opacity"
- value: "0"
}
]
}- start: 5064
- end: 5228
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5229
- end: 5251
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5229
- end: 5251
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 5237
- end: 5250
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5237
- end: 5250
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 5237
- end: 5242
}
]- start: 5237
- end: 5242
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 5243
- end: 5244
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 5245
- end: 5250
}
]- start: 5243
- end: 5250
}
]
}
]
}- start: 5229
- end: 5251
}
]- start: 5229
- end: 5251
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 5252
- end: 5444
children: [...] (8)
Declaration {...}
- type: "Declaration"
- start: 5256
- end: 5274
- property: "font-size"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 5278
- end: 5298
- property: "font-family"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 5302
- end: 5322
- property: "line-height"
- value: "inherit"
} Declaration {...}
- type: "Declaration"
- start: 5326
- end: 5347
- property: "display"
- value: "inline-block"
} Declaration {...}
- type: "Declaration"
- start: 5351
- end: 5367
- property: "margin-bottom"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 5371
- end: 5392
- property: "padding"
- value: "8px 15px 5px"
} Declaration {...}
- type: "Declaration"
- start: 5396
- end: 5411
- property: "cursor"
- value: "pointer"
} Declaration {...}
- type: "Declaration"
- start: 5415
- end: 5441
- property: "touch-action"
- value: "manipulation"
}
]
}- start: 5229
- end: 5444
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5445
- end: 5475
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5445
- end: 5475
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 5453
- end: 5474
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5453
- end: 5474
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 5453
- end: 5458
}
]- start: 5453
- end: 5458
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 5459
- end: 5460
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 5461
- end: 5466
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "before"
- start: 5466
- end: 5474
}
]- start: 5459
- end: 5474
}
]
}
]
}- start: 5445
- end: 5475
}
]- start: 5445
- end: 5475
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 5476
- end: 5577
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 5480
- end: 5491
- property: "content"
- value: "\"\""
} Declaration {...}
- type: "Declaration"
- start: 5495
- end: 5513
- property: "position"
- value: "absolute"
} Declaration {...}
- type: "Declaration"
- start: 5517
- end: 5547
- property: "border"
- value: "2px solid currentColor"
} Declaration {...}
- type: "Declaration"
- start: 5551
- end: 5574
- property: "background"
- value: "transparent"
}
]
}- start: 5445
- end: 5577
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5578
- end: 5639
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5578
- end: 5639
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 5586
- end: 5638
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5586
- end: 5638
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 5586
- end: 5591
}
]- start: 5586
- end: 5591
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 5592
- end: 5593
}selectors: [...] (3)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 5594
- end: 5599
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 5599
- end: 5616
- name: "type"
- matcher: "="
- value: "checkbox"
- flags: null
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "focus"
- args: null
- start: 5616
- end: 5622
}
]- start: 5592
- end: 5622
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 5623
- end: 5624
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 5625
- end: 5630
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "before"
- start: 5630
- end: 5638
}
]- start: 5623
- end: 5638
}
]
}
]
}- start: 5578
- end: 5639
}
]- start: 5578
- end: 5639
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 5640
- end: 5695
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 5644
- end: 5661
- property: "border-width"
- value: "4px"
} Declaration {...}
- type: "Declaration"
- start: 5665
- end: 5692
- property: "outline"
- value: "3px dashed #228bec"
}
]
}- start: 5578
- end: 5695
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5696
- end: 5725
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5696
- end: 5725
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 5704
- end: 5724
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5704
- end: 5724
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 5704
- end: 5709
}
]- start: 5704
- end: 5709
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 5710
- end: 5711
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 5712
- end: 5717
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "after"
- start: 5717
- end: 5724
}
]- start: 5710
- end: 5724
}
]
}
]
}- start: 5696
- end: 5725
}
]- start: 5696
- end: 5725
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 5726
- end: 5998
children: [...] (13)
Declaration {...}
- type: "Declaration"
- start: 5730
- end: 5753
- property: "box-sizing"
- value: "content-box"
} Declaration {...}
- type: "Declaration"
- start: 5757
- end: 5768
- property: "content"
- value: "\"\""
} Declaration {...}
- type: "Declaration"
- start: 5772
- end: 5790
- property: "position"
- value: "absolute"
} Declaration {...}
- type: "Declaration"
- start: 5794
- end: 5803
- property: "top"
- value: "11px"
} Declaration {...}
- type: "Declaration"
- start: 5807
- end: 5816
- property: "left"
- value: "9px"
} Declaration {...}
- type: "Declaration"
- start: 5820
- end: 5831
- property: "width"
- value: "18px"
} Declaration {...}
- type: "Declaration"
- start: 5835
- end: 5846
- property: "height"
- value: "7px"
} Declaration {...}
- type: "Declaration"
- start: 5850
- end: 5875
- property: "transform"
- value: "rotate(-45deg)"
} Declaration {...}
- type: "Declaration"
- start: 5879
- end: 5892
- property: "border"
- value: "solid"
} Declaration {...}
- type: "Declaration"
- start: 5896
- end: 5921
- property: "border-width"
- value: "0 0 5px 5px"
} Declaration {...}
- type: "Declaration"
- start: 5925
- end: 5954
- property: "border-top-color"
- value: "transparent"
} Declaration {...}
- type: "Declaration"
- start: 5958
- end: 5968
- property: "opacity"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 5972
- end: 5995
- property: "background"
- value: "transparent"
}
]
}- start: 5696
- end: 5998
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 5999
- end: 6061
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 5999
- end: 6061
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "global"
args: SelectorList {...}
- type: "SelectorList"
- start: 6007
- end: 6060
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 6007
- end: 6060
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "c-cb"
- start: 6007
- end: 6012
}
]- start: 6007
- end: 6012
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: ">"
- start: 6013
- end: 6014
}selectors: [...] (3)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 6015
- end: 6020
} AttributeSelector {...}
- type: "AttributeSelector"
- start: 6020
- end: 6037
- name: "type"
- matcher: "="
- value: "checkbox"
- flags: null
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "checked"
- args: null
- start: 6037
- end: 6045
}
]- start: 6013
- end: 6045
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: "+"
- start: 6046
- end: 6047
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 6048
- end: 6053
} PseudoElementSelector {...}
- type: "PseudoElementSelector"
- name: "after"
- start: 6053
- end: 6060
}
]- start: 6046
- end: 6060
}
]
}
]
}- start: 5999
- end: 6061
}
]- start: 5999
- end: 6061
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 6062
- end: 6079
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 6066
- end: 6076
- property: "opacity"
- value: "1"
}
]
}- start: 5999
- end: 6079
}
]content: {...}
- start: 337
- end: 6083
- styles: "\n/* RESETS */\n:global(*),\n:global(*::before),\n:global(*::after) {\n box-sizing: border-box;\n}\n:global(*:focus) {\n outline: 3px dashed #228bec;\n outline-offset: 0;\n}\n:global(html) {\n font: 62.5% / 1.15 sans-serif;\n}\n:global(h1),\n:global(h2) {\n margin-bottom: 0;\n}\n:global(ul) {\n list-style: none;\n padding: 0;\n}\n:global(button) {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n color: inherit;\n font: inherit;\n line-height: normal;\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n -webkit-appearance: none;\n}\n:global(button::-moz-focus-inner) {\n border: 0;\n}\n:global(button),\n:global(input),\n:global(optgroup),\n:global(select),\n:global(textarea) {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\n:global(button),\n:global(input) {\n overflow: visible;\n}\n:global(input[type=\"text\"]) {\n border-radius: 0;\n}\n:global(body) {\n width: 100%;\n max-width: 68rem;\n margin: 0 auto;\n font: 1.6rem/1.25 Arial, sans-serif;\n background-color: #f5f5f5;\n color: #4d4d4d;\n}\n@media screen and (min-width: 620px) {\n :global(body) {\n font-size: 1.9rem;\n line-height: 1.31579;\n }\n}\n/*END RESETS*/\n\n/* GLOBAL STYLES */\n:global(.form-group > input[type=\"text\"]) {\n display: inline-block;\n margin-top: 0.4rem;\n}\n:global(.btn) {\n padding: 0.8rem 1rem 0.7rem;\n border: 0.2rem solid #4d4d4d;\n cursor: pointer;\n text-transform: capitalize;\n}\n:global(.btn.toggle-btn) {\n border-width: 1px;\n border-color: #d3d3d3;\n}\n:global(.btn.toggle-btn[aria-pressed=\"true\"]) {\n text-decoration: underline;\n border-color: #4d4d4d;\n}\n:global(.btn__danger) {\n color: #fff;\n background-color: #ca3c3c;\n border-color: #bd2130;\n}\n:global(.btn__filter) {\n border-color: lightgrey;\n}\n:global(.btn__primary) {\n color: #fff;\n background-color: #000;\n}\n:global(.btn__primary:disabled) {\n color:darkgrey;\n background-color:#565656;\n}\n:global(.btn-group) {\n display: flex;\n justify-content: space-between;\n}\n:global(.btn-group > *) {\n flex: 1 1 49%;\n}\n:global(.btn-group > * + *) {\n margin-left: 0.8rem;\n}\n:global(.label-wrapper) {\n margin: 0;\n flex: 0 0 100%;\n text-align: center;\n}\n:global(.visually-hidden) {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n white-space: nowrap;\n}\n:global([class*=\"stack\"] > *) {\n margin-top: 0;\n margin-bottom: 0;\n}\n:global(.stack-small > * + *) {\n margin-top: 1.25rem;\n}\n:global(.stack-large > * + *) {\n margin-top: 2.5rem;\n}\n@media screen and (min-width: 550px) {\n :global(.stack-small > * + *) {\n margin-top: 1.4rem;\n }\n :global(.stack-large > * + *) {\n margin-top: 2.8rem;\n }\n}\n:global(.stack-exception) {\n margin-top: 1.2rem;\n}\n/* END GLOBAL STYLES */\n\n:global(.todoapp) {\n background: #fff;\n margin: 2rem 0 4rem 0;\n padding: 1rem;\n position: relative;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2.5rem 5rem 0 rgba(0, 0, 0, 0.1);\n}\n@media screen and (min-width: 550px) {\n :global(.todoapp) {\n padding: 4rem;\n }\n}\n:global(.todoapp > *) {\n max-width: 50rem;\n margin-left: auto;\n margin-right: auto;\n}\n:global(.todoapp > form) {\n max-width: 100%;\n}\n:global(.todoapp > h1) {\n display: block;\n max-width: 100%;\n text-align: center;\n margin: 0;\n margin-bottom: 1rem;\n}\n:global(.label__lg) {\n line-height: 1.01567;\n font-weight: 300;\n padding: 0.8rem;\n margin-bottom: 1rem;\n text-align: center;\n}\n:global(.input__lg) {\n padding: 2rem;\n border: 2px solid #000;\n}\n:global(.input__lg:focus) {\n border-color: #4d4d4d;\n box-shadow: inset 0 0 0 2px;\n}\n:global([class*=\"__lg\"]) {\n display: inline-block;\n width: 100%;\n font-size: 1.9rem;\n}\n:global([class*=\"__lg\"]:not(:last-child)) {\n margin-bottom: 1rem;\n}\n@media screen and (min-width: 620px) {\n :global([class*=\"__lg\"]) {\n font-size: 2.4rem;\n }\n}\n:global(.filters) {\n width: 100%;\n margin: unset auto;\n}\n/* Todo item styles */\n:global(.todo) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n:global(.todo > *) {\n flex: 0 0 100%;\n}\n:global(.todo-text) {\n width: 100%;\n min-height: 4.4rem;\n padding: 0.4rem 0.8rem;\n border: 2px solid #565656;\n}\n:global(.todo-text:focus) {\n box-shadow: inset 0 0 0 2px;\n}\n/* CHECKBOX STYLES */\n:global(.c-cb) {\n box-sizing: border-box;\n font-family: Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 1.25;\n display: block;\n position: relative;\n min-height: 44px;\n padding-left: 40px;\n clear: left;\n}\n:global(.c-cb > label::before),\n:global(.c-cb > input[type=\"checkbox\"]) {\n box-sizing: border-box;\n top: -2px;\n left: -2px;\n width: 44px;\n height: 44px;\n}\n:global(.c-cb > input[type=\"checkbox\"]) {\n -webkit-font-smoothing: antialiased;\n cursor: pointer;\n position: absolute;\n z-index: 1;\n margin: 0;\n opacity: 0;\n}\n:global(.c-cb > label) {\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n display: inline-block;\n margin-bottom: 0;\n padding: 8px 15px 5px;\n cursor: pointer;\n touch-action: manipulation;\n}\n:global(.c-cb > label::before) {\n content: \"\";\n position: absolute;\n border: 2px solid currentColor;\n background: transparent;\n}\n:global(.c-cb > input[type=\"checkbox\"]:focus + label::before) {\n border-width: 4px;\n outline: 3px dashed #228bec;\n}\n:global(.c-cb > label::after) {\n box-sizing: content-box;\n content: \"\";\n position: absolute;\n top: 11px;\n left: 9px;\n width: 18px;\n height: 7px;\n transform: rotate(-45deg);\n border: solid;\n border-width: 0 0 5px 5px;\n border-top-color: transparent;\n opacity: 0;\n background: transparent;\n}\n:global(.c-cb > input[type=\"checkbox\"]:checked + label::after) {\n opacity: 1;\n}\n\n\t\n"
- comment: null
}
}- js: []
- start: 0
- end: 328
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Comment {...}
- type: "Comment"
- start: 0
- end: 19
- data: " App.svelte "
} Text {...}
- type: "Text"
- start: 19
- end: 20
- raw: "\n"
- data: "\n"
} Text {...}
- type: "Text"
- start: 309
- end: 311
- raw: "\n\n"
- data: "\n\n"
} Component {...}
- type: "Component"
- start: 311
- end: 328
- name: "Todos"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 318
- end: 325
- name: "todos"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 319
- end: 324
expression: Identifier {...}
- start: 319
- end: 324
- type: "Identifier"
- name: "todos"
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 328
- end: 330
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 20
- end: 309
- context: "default"
content: Program {...}
- type: "Program"
- start: 28
- end: 300
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 10
- column: 0
}
}body: [...] (2)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 31
- end: 65
loc: {...}
start: {...}
- line: 3
- column: 2
}end: {...}
- line: 3
- column: 36
}
}specifiers: [...] (1)
ImportDefaultSpecifier {...}
- type: "ImportDefaultSpecifier"
- start: 38
- end: 43
loc: {...}
start: {...}
- line: 3
- column: 9
}end: {...}
- line: 3
- column: 14
}
}local: Identifier {...}
- type: "Identifier"
- start: 38
- end: 43
loc: {...}
start: {...}
- line: 3
- column: 9
}end: {...}
- line: 3
- column: 14
}
}- name: "Todos"
}
}
]source: Literal {...}
- type: "Literal"
- start: 49
- end: 65
loc: {...}
start: {...}
- line: 3
- column: 20
}end: {...}
- line: 3
- column: 36
}
}- value: "./Todos.svelte"
- raw: "'./Todos.svelte'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 69
- end: 299
loc: {...}
start: {...}
- line: 5
- column: 2
}end: {...}
- line: 9
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 73
- end: 299
loc: {...}
start: {...}
- line: 5
- column: 6
}end: {...}
- line: 9
- column: 3
}
}id: Identifier {...}
- type: "Identifier"
- start: 73
- end: 78
loc: {...}
start: {...}
- line: 5
- column: 6
}end: {...}
- line: 5
- column: 11
}
}- name: "todos"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 81
- end: 299
loc: {...}
start: {...}
- line: 5
- column: 14
}end: {...}
- line: 9
- column: 3
}
}elements: [...] (3)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 87
- end: 150
loc: {...}
start: {...}
- line: 6
- column: 4
}end: {...}
- line: 6
- column: 67
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 89
- end: 94
loc: {...}
start: {...}
- line: 6
- column: 6
}end: {...}
- line: 6
- column: 11
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 89
- end: 91
loc: {...}
start: {...}
- line: 6
- column: 6
}end: {...}
- line: 6
- column: 8
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 93
- end: 94
loc: {...}
start: {...}
- line: 6
- column: 10
}end: {...}
- line: 6
- column: 11
}
}- value: 1
- raw: "1"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 96
- end: 131
loc: {...}
start: {...}
- line: 6
- column: 13
}end: {...}
- line: 6
- column: 48
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 96
- end: 100
loc: {...}
start: {...}
- line: 6
- column: 13
}end: {...}
- line: 6
- column: 17
}
}- name: "name"
}value: Literal {...}
- type: "Literal"
- start: 102
- end: 131
loc: {...}
start: {...}
- line: 6
- column: 19
}end: {...}
- line: 6
- column: 48
}
}- value: "Create a Svelte starter app"
- raw: "'Create a Svelte starter app'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 133
- end: 148
loc: {...}
start: {...}
- line: 6
- column: 50
}end: {...}
- line: 6
- column: 65
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 133
- end: 142
loc: {...}
start: {...}
- line: 6
- column: 50
}end: {...}
- line: 6
- column: 59
}
}- name: "completed"
}value: Literal {...}
- type: "Literal"
- start: 144
- end: 148
loc: {...}
start: {...}
- line: 6
- column: 61
}end: {...}
- line: 6
- column: 65
}
}- value: true
- raw: "true"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 156
- end: 219
loc: {...}
start: {...}
- line: 7
- column: 4
}end: {...}
- line: 7
- column: 67
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 158
- end: 163
loc: {...}
start: {...}
- line: 7
- column: 6
}end: {...}
- line: 7
- column: 11
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 158
- end: 160
loc: {...}
start: {...}
- line: 7
- column: 6
}end: {...}
- line: 7
- column: 8
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 162
- end: 163
loc: {...}
start: {...}
- line: 7
- column: 10
}end: {...}
- line: 7
- column: 11
}
}- value: 2
- raw: "2"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 165
- end: 200
loc: {...}
start: {...}
- line: 7
- column: 13
}end: {...}
- line: 7
- column: 48
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 165
- end: 169
loc: {...}
start: {...}
- line: 7
- column: 13
}end: {...}
- line: 7
- column: 17
}
}- name: "name"
}value: Literal {...}
- type: "Literal"
- start: 171
- end: 200
loc: {...}
start: {...}
- line: 7
- column: 19
}end: {...}
- line: 7
- column: 48
}
}- value: "Create your first component"
- raw: "'Create your first component'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 202
- end: 217
loc: {...}
start: {...}
- line: 7
- column: 50
}end: {...}
- line: 7
- column: 65
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 202
- end: 211
loc: {...}
start: {...}
- line: 7
- column: 50
}end: {...}
- line: 7
- column: 59
}
}- name: "completed"
}value: Literal {...}
- type: "Literal"
- start: 213
- end: 217
loc: {...}
start: {...}
- line: 7
- column: 61
}end: {...}
- line: 7
- column: 65
}
}- value: true
- raw: "true"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 225
- end: 295
loc: {...}
start: {...}
- line: 8
- column: 4
}end: {...}
- line: 8
- column: 74
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 227
- end: 232
loc: {...}
start: {...}
- line: 8
- column: 6
}end: {...}
- line: 8
- column: 11
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 227
- end: 229
loc: {...}
start: {...}
- line: 8
- column: 6
}end: {...}
- line: 8
- column: 8
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 231
- end: 232
loc: {...}
start: {...}
- line: 8
- column: 10
}end: {...}
- line: 8
- column: 11
}
}- value: 3
- raw: "3"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 234
- end: 275
loc: {...}
start: {...}
- line: 8
- column: 13
}end: {...}
- line: 8
- column: 54
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 234
- end: 238
loc: {...}
start: {...}
- line: 8
- column: 13
}end: {...}
- line: 8
- column: 17
}
}- name: "name"
}value: Literal {...}
- type: "Literal"
- start: 240
- end: 275
loc: {...}
start: {...}
- line: 8
- column: 19
}end: {...}
- line: 8
- column: 54
}
}- value: "Complete the rest of the tutorial"
- raw: "'Complete the rest of the tutorial'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 277
- end: 293
loc: {...}
start: {...}
- line: 8
- column: 56
}end: {...}
- line: 8
- column: 72
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 277
- end: 286
loc: {...}
start: {...}
- line: 8
- column: 56
}end: {...}
- line: 8
- column: 65
}
}- name: "completed"
}value: Literal {...}
- type: "Literal"
- start: 288
- end: 293
loc: {...}
start: {...}
- line: 8
- column: 67
}end: {...}
- line: 8
- column: 72
}
}- value: false
- raw: "false"
}- kind: "init"
}
]
}
]
}
}
]- kind: "let"
}
]- sourceType: "module"
leadingComments: [...] (1)
Line {...}
- type: "Line"
- value: " App.svelte "
}
]
}- attributes: []
}
}
The AST is not public API and may change at any point in time