Files
material-you-react/src/styles/.sass-cache/63ebf5d4d886187bdbae74a940af2682bc8cb5f1/segmented-button.sassc

115 lines
13 KiB
Plaintext
Raw Normal View History

3.7.4
4a717251b6532494890af137117d71adcb3d7762
o:Sass::Tree::RootNode
:@children[o:Sass::Tree::RuleNode:
@rule[I" div.m3.m3-segmented-buttons:ET:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Element :
@nameI"div; T:@namespace0:
@linei:@filenameI"(button-styles/segmented-button.sass; To:Sass::Selector::Class;I"m3; T;i;@o;;I"m3-segmented-buttons; T;i;@: @subject0: @sourceso:Set:
@hash}F:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i!:
@file0:@importer0;i;@;i;i;@:@selector_source_rangeo; ;o;;i;i;o;;i;i!;@; o: Sass::Importers::Filesystem:
@rootI"./home/drn04/material-you-react/src/styles; T:@real_rootI"./home/drn04/material-you-react/src/styles; 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;[;@;+@,:@value_source_rangeo; ;o;;i;i;o;;i;i;@; @:@name_source_rangeo; ;o;;i;i
;o;;i;i;@; @;io;';[I"flex-direction; T;([o;) ;(o;* ;(I"row; T;+@,;,;-;.0;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i
;o;;i;i;@; @;io;';[I"outline-offset; T;([o:'Sass::Script::Tree::UnaryOperation : @operando;) ;(o: Sass::Script::Value::Number
;(i;+@,:@numerator_units[I"px; T:@denominator_units[:@originalI"1px; T;i ;o; ;o;;i ;i;o;;i ;i;@; @;@:@operator:
minus;i ;o; ;o;;i ;i;o;;i ;i;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i ;i;o;;i ;i;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;';[I"
width; T;([o;) ;(o;* ;(I"min-content; T;+@,;,;-;.0;i
;o; ;o;;i
;i;o;;i
;i;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i
;i;o;;i
;i;@; @;2o; ;o;;i
;i
;o;;i
;i;@; @;i
o;';[I"border-radius; T;([o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I" 20px; T;i ;o; ;o;;i ;i;o;;i ;i;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i ;i;o;;i ;i;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;;[I"$& > button.m3.m3-button-segment; T;
o; ; [o; ; [o; ; [o:Sass::Selector::Parent: @suffix0;i ;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i ;@I">; To; ; [o; ;I" button; T;0;i ;@o;;I"m3; T;i ;@o;;I"m3-button-segment; T;i ;@;0;o;;}F;o; ;o;;i;i
;o;;i;i%;0; 0;i ;@;i ;i ;@;!o; ;o;;i ;i
;o;;i ;i);@; @;&i;[ o;';[I"
width; T;([o;) ;(o;* ;(I"max-content; T;+@,;,;-;.0;i;o; ;o;;i;i;o;;i;i ;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i ;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-radius; T;([o;) ;(o;5
;(i;+@,;6[;7[;8I"0; F;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"box-sizing; T;([o;) ;(o;* ;(I"border-box; T;+@,;,;-;.0;i;o; ;o;;i;i;o;;i;i$;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i$;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I" height; T;([o;) ;(o;5
;(i-;+@,;6[I"px; T;7[;8I" 40px; T;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;;[I"&; T;
o; ; [o; ; [o; ; [o;;;<0;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i;@;i;i;@;!o; ;o;;i;i;o;;i;i;@; @;&i;[ o;';[I" border; T;([o:$Sass::Script::Tree::ListLiteral :@elements[o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I"1px; T;i;o; ;o;;i;i;o;;i;i;@; @;@o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i;o; ;o;;i;i;o;;i;i#;@; @;@o: Sass::Script::Tree::Funcall:@callable0;I"var; T:
@args[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i;o; ;o;;i;i(;o;;i;i>;@; @;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;i;o; ;o;;i;i$;o;;i;i?;@; @;@;+@,:@separator:
space:@bracketedF;i;o; ;o;;i;i;o;;i;i?;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i?;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-right; T;([o;) ;(o;5
;(f0.5;+@,;6[I"px; T;7[;8I"
0.5px; T;i;o; ;o;;i;i ;o;;i;i%;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i ;o;;i;i%;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-left; T;([o;) ;(o;5
;(@1;+@,;6[I"px; T;7[;8I"
0.5px; T;i;o; ;o;;i;i;o;;i;i$;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i$;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-left-style; T;([o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i;o; ;o;;i;i%;o;;i;i*;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i%;o;;i;i*;@; @;2o; ;o;;i;i;o;;i;i#;@; @;io;';[I"border-right-style; T;([o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i;o; ;o;;i;i&;o;;i;i+;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i&;o;;i;i+;@; @;2o; ;o;;i;i;o;;i;i$;@; @;io;';[I"border-left-color; T;([o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i;o; ;o;;i;i);o;;i;i?;@; @;@;Bo;C;D{;E{;F0;G0;i;o; ;o;;i;i%;o;;i;i@;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i;i%;o;;i;i@;@; @;2o; ;o;;i;i;o;;i;i#;@; @;io;';[I"border-right-color; T;([o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i;o; ;o;;i;i*;o;;i;i@;@; @;@;Bo;C;D{;E{;F0;G0;i;o; ;o;;i;i&;o;;i;iA;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i;i&;o;;i;iA;@; @;2o; ;o;;i;i;o;;i;i$;@; @;io;';[I"min-width; T;([o;) ;(o;5
;(ip;+@,;6[I"px; T;7[;8I"
107px; T;i;o; ;o;;i;i;o;;i;i";@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i";@; @;2o; ;o;;i;i;o;;i;i;@; @;i;@;+@,;i:@has_childrenTo;;[I"&:first-child; T;
o; ; [o; ; [o; ; [o;;;<0;i;@o:Sass::Selector::Pseudo :@syntactic_type:
class;I"first-child; T: @arg0:@selector0;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i;@;i;i;@;!o; ;o;;i;i;o;;i;i;@; @;&i;[ o;';[I" border; T;([o;= ;>[o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I"1px; T;i;o; ;o;;i;i;o;;i;i;@; @;@o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i;o; ;o;;i;i;o;;i;i#;@; @;@o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i;o; ;o;;i;i(;o;;i;i>;@; @;@;Bo;C;D{;E{;F0;G0;i;o; ;o;;i;i$;o;;i;i?;@; @;@;+@,;H;I;JF;i;o; ;o;;i;i;o;;i;i?;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i;i;o;;i;i?;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-right; T;([o;) ;(o;5
;(@1;+@,;6[I"px; T;7[;8I"
0.5px; T;i;o; ;o;;i;i ;o;;i;i%;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i;i ;o;;i;i%;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-right-style; T;([o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i ;o; ;o;;i ;i&;o;;i ;i+;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i ;i&;o;;i ;i+;@; @;2o; ;o;;i ;i;o;;i ;i$;@; @;i o;';[I"border-right-color; T;([o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i!;o; ;o;;i!;i*;o;;i!;i@;@; @;@;Bo;C;D{;E{;F0;G0;i!;o; ;o;;i!;i&;o;;i!;iA;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i!;i&;o;;i!;iA;@; @;2o; ;o;;i!;i;o;;i!;i$;@; @;i!o;';[I"min-width; T;([o:"Sass::Script::Tree::Operation :@operand1o;) ;(o;5
;(iq;+@,;6[I"px; T;7[;8I"
108px; T;i";o; ;o;;i";i;o;;i";i";@; @;@:@operand2o;) ;(o;5
;(@1;+@,;6[I"px; T;7[;8I"
0.5px; T;i";o; ;o;;i";i%;o;;i";i*;@; @;@;9;:;i";o; ;@L;o;;i";i*;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i";i;o;;i";i*;@; @;2o; ;o;;i";i;o;;i";i;@; @;i"o;';[I"border-radius; T;([o;= ;>[ o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I" 20px; T;i#;o; ;o;;i#;i!;o;;i#;i%;@; @;@o;) ;(o;5
;(i;+@,;6[;7@<01>;8I"0; F;i#;o; ;o;;i#;i&;o;;i#;i';@; @;@o;) ;(o;5
;(i;+@,;6[;7@<01>;8I"0; F;i#;o; ;o;;i#;i(;o;;i#;i);@; @;@o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I" 20px; T;i#;o; ;o;;i#;i*;o;;i#;i.;@; @;@;H;I;JF;i#;o; ;o;;i#;i!;o;;i#;i.;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i#;i!;o;;i#;i.;@; @;2o; ;o;;i#;i;o;;i#;i;@; @;i#;@;+@,;i;KTo;;[I"&:last-child; T;
o; ; [o; ; [o; ; [o;;;<0;i%;@o;L ;M;N;I"last-child; T;O0;P0;i%;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i%;@;i%;i%;@;!o; ;o;;i%;i;o;;i%;i;@; @;&i;[ o;';[I" border; T;([o;= ;>[o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I"1px; T;i&;o; ;o;;i&;i;o;;i&;i;@; @;@o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i&;o; ;o;;i&;i;o;;i&;i#;@; @;@o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i&;o; ;o;;i&;i(;o;;i&;i>;@; @;@;Bo;C;D{;E{;F0;G0;i&;o; ;o;;i&;i$;o;;i&;i?;@; @;@;+@,;H;I;JF;i&;o; ;o;;i&;i;o;;i&;i?;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i&;i;o;;i&;i?;@; @;2o; ;o;;i&;i;o;;i&;i;@; @;i&o;';[I"border-left; T;([o;) ;(o;5
;(@1;+@,;6[I"px; T;7[;8I"
0.5px; T;i';o; ;o;;i';i;o;;i';i$;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i';i;o;;i';i$;@; @;2o; ;o;;i';i;o;;i';i;@; @;i'o;';[I"border-left-style; T;([o;) ;(o;* ;(I"
solid; T;+@,;,;-;.0;i(;o; ;o;;i(;i%;o;;i(;i*;@; @;@;&i;/;0;[;@;+@,;1o; ;o;;i(;i%;o;;i(;i*;@; @;2o; ;o;;i(;i;o;;i(;i#;@; @;i(o;';[I"border-left-color; T;([o;?;@0;I"var; T;A[o;) ;(o;* ;(I"--md-sys-color-outline; T;+@,;,;-;.0;i);o; ;o;;i);i);o;;i);i?;@; @;@;Bo;C;D{;E{;F0;G0;i);o; ;o;;i);i%;o;;i);i@;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i);i%;o;;i);i@;@; @;2o; ;o;;i);i;o;;i);i#;@; @;i)o;';[I"min-width; T;([o;Q ;Ro;) ;(o;5
;(iq;+@,;6[I"px; T;7[;8I"
108px; T;i*;o; ;o;;i*;i;o;;i*;i";@; @;@;So;) ;(o;5
;(@1;+@,;6[I"px; T;7[;8I"
0.5px; T;i*;o; ;o;;i*;i%;o;;i*;i*;@; @;@;9;:;i*;o; ;@;o;;i*;i*;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i*;i;o;;i*;i*;@; @;2o; ;o;;i*;i;o;;i*;i;@; @;i*o;';[I"border-radius; T;([o;= ;>[ o;) ;(o;5
;(i;+@,;6[;7@<01>;8I"0; F;i+;o; ;o;;i+;i!;o;;i+;i";@; @;@o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I" 20px; T;i+;o; ;o;;i+;i#;o;;i+;i';@; @;@o;) ;(o;5
;(i;+@,;6[I"px; T;7[;8I" 20px; T;i+;o; ;o;;i+;i(;o;;i+;i,;@; @;@o;) ;(o;5
;(i;+@,;6[;7@<01>;8I"0; F;i+;o; ;o;;i+;i-;o;;i+;i.;@; @;@;H;I;JF;i+;o; ;o;;i+;i!;o;;i+;i.;@; @;@;+@,;&i;/;0;[;@;+@,;1o; ;o;;i+;i!;o;;i+;i.;@; @;2o; ;o;;i+;i;o;;i+;i;@; @;i+;@;+@,;i%;KT;@;+@,;i ;KT;@;+@,;i;KT;0;+@,:@templateI"<02>div.m3.m3-segmented-buttons
display: flex
flex-direction: row
outline-offset: -1px
width: min-content
border-radius: 20px
& > button.m3.m3-button-segment
width: max-content
border-radius: 0
box-sizing: border-box
height: 40px
&
border: 1px solid var(--md-sys-color-outline)
border-right: 0.5px
border-left: 0.5px
border-left-style: solid
border-right-style: solid
border-left-color: var(--md-sys-color-outline)
border-right-color: var(--md-sys-color-outline)
min-width: 107px
&:first-child
border: 1px solid var(--md-sys-color-outline)
border-right: 0.5px
border-right-style: solid
border-right-color: var(--md-sys-color-outline)
min-width: 108px - 0.5px
border-radius: 20px 0 0 20px
&:last-child
border: 1px solid var(--md-sys-color-outline)
border-left: 0.5px
border-left-style: solid
border-left-color: var(--md-sys-color-outline)
min-width: 108px - 0.5px
border-radius: 0 20px 20px 0
; T;KT