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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
743.5.1 (Bleeding Edge)
6e7cb95e9573ea4a10ae21e94c62c2cfd673a061
o:Sass::Tree::RootNode :@children[o:Sass::Tree::RuleNode:
@rule[I" .close:ET:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o: Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Class:
@nameI"
close; T:
@linei:@filename0:
@subject0:
@sourceso:Set:
@hash} F:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti:
@end_poso;;i;i :
@file0:@importer0;i;0;i;i;0:@selector_source_rangeo; ;o;;i;i; o;;i;i
; I" scss/components/_close.scss:
encoding"
CP850; o: Sass::Importers::Filesystem:
@rootI">C:/Users/Leonardo/Desktop/Projects/JavaScript/simple-todo; T:@real_rootI">C:/Users/Leonardo/Desktop/Projects/JavaScript/simple-todo; T:@same_name_warningso;;} F:
@tabsi ;[o:Sass::Tree::PropNode;[I" display; T: @value[o: Sass::Script::Tree::Literal;'o: Sass::Script::Value::String ;'I" flex; T:
@options{ :
@type:identifier:"@deprecated_interp_equivalent0;i;o; ;o;;i;i; o;;i;i; @; @ ;%i :@prop_syntax:new;[ ;0;*@);i;o; ;o;;i;i
; o;;i;i; @; @ :@name_source_rangeo; ;@/; o;;i;i; @; @ :@value_source_rangeo; ;o;;i;i; @0; @; @ o;&;[I"grid-column; T;'[o;(;'o;) ;'I"
1 / 2; T;*@);+;,;-0;i;o; ;o;;i;i; o;;i;i ; @; @ ;%i ;.;/;[ ;0;*@);i;o; ;o;;i;i
; o;;i;i ; @; @ ;0o; ;@A; o;;i;i; @; @ ;1o; ;o;;i;i; @B; @; @ o;&;[I"
grid-row; T;'[o;(;'o;) ;'I"
1 / 2; T;*@);+;,;-0;i ;o; ;o;;i ;i; o;;i ;i; @; @ ;%i ;.;/;[ ;0;*@);i ;o; ;o;;i ;i
; o;;i ;i; @; @ ;0o; ;@S; o;;i ;i; @; @ ;1o; ;o;;i ;i; @T; @; @ o;&;[I"align-items; T;'[o;(;'o;) ;'I" center; T;*@);+;,;-0;i
;o; ;o;;i
;i; o;;i
;i ; @; @ ;%i ;.;/;[ ;0;*@);i
;o; ;o;;i
;i
; o;;i
;i ; @; @ ;0o; ;@e; o;;i
;i; @; @ ;1o; ;o;;i
;i; @f; @; @ o;&;[I"justify-content; T;'[o;(;'o;) ;'I"flex-start; T;*@);+;,;-0;i ;o; ;o;;i ;i; o;;i ;i%; @; @ ;%i ;.;/;[ ;0;*@);i ;o; ;o;;i ;i
; o;;i ;i%; @; @ ;0o; ;@w; o;;i ;i; @; @ ;1o; ;o;;i ;i; @x; @; @ o;&;[I"margin-left; T;'[o;(;'o;) ;'I" 15px; T;*@);+;,;-0;i ;o; ;o;;i ;i; o;;i ;i; @; @ ;%i ;.;/;[ ;0;*@);i ;o; ;o;;i ;i
; o;;i ;i; @; @ ;0o; ;@�; o;;i ;i; @; @ ;1o; ;o;;i ;i; @�; @; @ o;;[I"4.close-item,
.minify-item,
.expand-item; T;
o; ; [o;
; [o; ; [o;;I"close-item; T;i;0;0;o;;} F;o; ;o;;i;i; o;;i;i; 0; 0;i;0;io;
; [I"
; To; ; [o;;I"minify-item; T;i;0;0;o;;} F;o; ;o;;i;i
; o;;i;i; 0; 0;i;0;io;
; [I"
; To; ; [o;;I"expand-item; T;i;0;0;o;;} F;o; ;o;;i;i
; o;;i;i; 0; 0;i;0;i;i;0; o; ;o;;i;i
; o;;i;i; @; @ ;%i ;[ o;&;[I"
width; T;'[o;(;'o;) ;'I" 12px; T;*@);+;,;-0;i;o; ;o;;i;i; o;;i;i; @; @ ;%i ;.;/;[ ;0;*@);i;o; ;o;;i;i; o;;i;i; @; @ ;0o; ;@�; o;;i;i; @; @ ;1o; ;o;;i;i; @�; @; @ o;&;[I" height; T;'[o;(;'o;) ;'I" 12px; T;*@);+;,;-0;i;o; ;o;;i;i; o;;i;i; @; @ ;%i ;.;/;[ ;0;*@);i;o; ;o;;i;i; o;;i;i; @; @ ;0o; ;@�; o;;i;i; @; @ ;1o; ;o;;i;i; @�; @; @ o;&;[I"border-radius; T;'[o;(;'o;) ;'I"
500px; T;*@);+;,;-0;i;o; ;o;;i;i ; o;;i;i"; @; @ ;%i ;.;/;[ ;0;*@);i;o; ;o;;i;i; o;;i;i"; @; @ ;0o; ;@�; o;;i;i; @; @ ;1o; ;o;;i;i ; @�; @; @ o;&;[I"margin-left; T;'[o;(;'o;) ;'I"7px; T;*@);+;,;-0;i;o; ;o;;i;i; o;;i;i ; @; @ ;%i ;.;/;[ ;0;*@);i;o; ;o;;i;i; o;;i;i ; @; @ ;0o; ;@�; o;;i;i; @; @ ;1o; ;o;;i;i; @�; @; @ ;0;*@);i;o; ;@�; o;;i;i; @; @ :@has_childrenTo;;[I".close-item; T;
o; ; [o;
; [o; ; [o;;I"close-item; T;i;0;0;o;;} F;o; ;o;;i;i; o;;i;i; 0; 0;i;0;i;i;0; o; ;o;;i;i
; o;;i;i; @; @ ;%i ;[o;&;[I"background-color; T;'[o:!Sass::Script::Tree::Variable ;I"close-red; T:@underscored_nameI"close_red; T;i;o; ;o;;i;i ; o;;i;i*; @; @ ;@;*@);%i ;.;/;[ ;0;*@);i;o; ;o;;i;i; o;;i;i*; @; @ ;0o; ;@ ; o;;i;i ; @; @ ;1o; ;o;;i;i ; @!; @; @ ;0;*@);i;o; ;@; o;;i;i; @; @ ;2To;;[I".minify-item; T;
o; ; [o;
; [o; ; [o;;I"minify-item; T;i;0;0;o;;} F;o; ;o;;i;i; o;;i;i; 0; 0;i;0;i;i;0; o; ;o;;i;i
; o;;i;i; @; @ ;%i ;[o;&;[I"background-color; T;'[o;3 ;I"close-yellow; T;4I"close_yellow; T;i ;o; ;o;;i ;i ; o;;i ;i-; @; @ ;@;*@);%i ;.;/;[ ;0;*@);i ;o; ;o;;i ;i; o;;i ;i-; @; @ ;0o; ;@H; o;;i ;i ; @; @ ;1o; ;o;;i ;i ; @I; @; @ ;0;*@);i;o; ;@9; o;;i;i; @; @ ;2To;;[I".expand-item; T;
o; ; [o;
; [o; ; [o;;I"expand-item; T;i ;0;0;o;;} F;o; ;o;;i;i; o;;i;i; 0; 0;i ;0;i ;i ;0; o; ;o;;i ;i
; o;;i ;i; @; @ ;%i ;[o;&;[I"background-color; T;'[o;3 ;I"close-green; T;4I"close_green; T;i ;o; ;o;;i ;i ; o;;i ;i,; @; @ ;@;*@);%i ;.;/;[ ;0;*@);i ;o; ;o;;i ;i; o;;i ;i,; @; @ ;0o; ;@p; o;;i ;i ; @; @ ;1o; ;o;;i ;i ; @q; @; @ ;0;*@);i ;o; ;@a; o;;i ;i; @; @ ;2T;0;*@);i;o; ;@; o;;i;i
; @; @ ;2T;0;*@):@templateI" .close {
display: flex;
grid-column: 1 / 2;
grid-row: 1 / 2;
align-items: center;
justify-content: flex-start;
margin-left: 15px;
.close-item,
.minify-item,
.expand-item {
width: 12px;
height: 12px;
border-radius: 500px;
margin-left: 7px;
}
.close-item {
background-color: $close-red;
}
.minify-item {
background-color: $close-yellow;
}
.expand-item {
background-color: $close-green;
}
}
; T;i;o; ;o;;i;i; o;;i;i; @; @ ;2T