Adds anonymous slide-in styling
@@ -108,7 +108,55 @@ won-slide-in {
}
}
- .si__privateaccount {
+ .si__anonymous {
@include slide-in();
+
+ &--expanded {
+ grid-template-areas:
+ "siIcon siTitle siTitle siButton"
+ "siText siText siText siText"
+ "siButtonLeft siButtonLeft siButtonRight siButtonRight";
+
+ & > .si__buttonCopy,
+ & > .si__buttonEmail {
+ @include won-button--outlined(white);
+ font-size: $smallFontSize;
+ }
+
+ & > .si__buttonCopy {
+ grid-area: siButtonLeft;
+ }
+
+ & > .si__buttonEmail {
+ grid-area: siButtonRight;
+ }
+
+ & > .si__text {
+ grid-area: siText;
+ font-size: $smallFontSize;
+ overflow-y: auto;
+ text-align: center;
+ }
+
+ &.si__anonymous--emailInput {
+ grid-template-areas:
+ "siIcon siTitle siTitle siButton"
+ "siText siText siText siText"
+ "siButtonLeft siButtonLeft siButtonRight siButtonRight"
+ "siEmailInput siEmailInput siEmailInput siEmailInput"
+ "siButtonSend siButtonSend siButtonSend siButtonSend";
+
+ & > .si__buttonSend {
+ grid-area: siButtonSend;
+ @include won-button--outlined(white);
+ font-size: $smallFontSize;
+ }
+
+ & > .si__emailInput {
+ grid-area: siEmailInput;
+ font-size: $smallFontSize;
+ }
+ }
+ }
}
}
