📦 leonardomso / simple-todo

📄 _topics.scssc · 64 lines
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