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
643.5.1 (Bleeding Edge)
c604978dda269a482bbe1736418ba1b61f1908b5
o:Sass::Tree::RootNode:@children[o:Sass::Tree::RuleNode:
@rule[I".topics:ET:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Class:
@nameI"topics; 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/_topics.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"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; ;@A;o;;i;i;@;@;1o; ;o;;i;i;@B;@;@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; ;@S;o;;i ;i;@;@;1o; ;o;;i ;i;@T;@;@o;&;[I"flex-direction; T;'[o;(;'o;) ;'I"column; 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"ul; T;
o;;[o;
;[o;;[o:Sass::Selector::Element ;I"ul; T:@namespace0;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:Sass::Tree::ExtendNode
:@selector[I"%roboto-regular; T:@optionalF;o; ;o;;i
;i;o;;i
;i%;@;@;[ ;0;*@);i
;o; ;o;;i
;i;o;;i
;i%;@;@o;&;[I"list-style; T;'[o;(;'o;) ;'I" none; 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"li; T;
o;;[o;
;[o;;[o;2 ;I"li; T;30;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"margin-top; T;'[o;(;'o;) ;'I" 20px; 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_childrenT;0;*@);i;o; ;@|;o;;i;i
;@;@;7To;;[I"input[type=text]; T;
o;;[o;
;[o;;[o;2 ;I"
input; T;30;i;0o:Sass::Selector::Attribute;I" type; T;30:@operatorI"=; T;'I" text; T:@flags0;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"border; T;'[o;(;'o;) ;'I" none; 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"
width; T;'[o;(;'o;) ;'I" 100%; 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-top; T;'[o;(;'o;) ;'I" 20px; 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"font-size; T;'[o;(;'o;) ;'I" 18px; 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"
color; T;'[o:!Sass::Script::Tree::Variable;I"font-gray; T:@underscored_nameI"font_gray; 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;@-;@;@o;&;[I"outline; T;'[o;(;'o;) ;'I" none; 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"text-indent; T;'[o;(;'o;) ;'I" 20px; T;*@);+;,;-0;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;@;@o;;[I"&::placeholder; T;
o;;[o;
;[o;;[o:Sass::Selector::Parent:@suffix0;i;0o:Sass::Selector::Pseudo:@syntactic_type:element;I"placeholder; T: @arg0;50;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"
color; T;'[o;;;I"
low-gray; T;<I"
low_gray; T;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"text-align; 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; ;@�;o;;i ;i;@;@;1o; ;o;;i ;i;@�;@;@;0;*@);i;o; ;@h;o;;i;i;@;@;7T;0;*@);i;o; ;@�;o;;i;i;@;@;7T;0;*@);i;o; ;@;o;;i;i;@;@;7T;0;*@):@templateI"!.topics {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
ul {
@extend %roboto-regular;
list-style: none;
li {
margin-top: 20px;
}
}
input[type=text] {
border: none;
width: 100%;
margin-top: 20px;
font-size: 18px;
color: $font-gray;
outline: none;
text-indent: 20px;
&::placeholder {
color: $low-gray;
text-align: center;
}
}
}
; T;i;o; ;o;;i;i;o;;i;i;@;@;7T