react-gldn-kit 0.1.172 → 0.1.174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/lib/components/Profile/AssignEmail/index.d.ts +1 -0
- package/dist/lib/components/Profile/AssignEmail/index.js +129 -0
- package/dist/lib/components/Profile/AssignEmail/types.d.ts +53 -0
- package/dist/lib/components/Profile/AssignEmail/types.js +9 -0
- package/dist/lib/components/ui/Icons/Profile/EditPencilSvg.d.ts +2 -0
- package/dist/lib/components/ui/Icons/Profile/EditPencilSvg.js +20 -0
- package/dist/lib/components/ui/Icons/Profile/UnverifiedSvg.d.ts +2 -0
- package/dist/lib/components/ui/Icons/Profile/UnverifiedSvg.js +20 -0
- package/dist/lib/components/ui/Icons/SocialMedia/TwitterSvg.js +1 -1
- package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js +11 -10
- package/dist/lib/components/ui/Inputs/BaseInput/types.d.ts +2 -1
- package/dist/lib/components/ui/Inputs/EmailInput/index.d.ts +5 -1
- package/dist/lib/components/ui/Inputs/EmailInput/index.js +109 -16
- package/dist/lib/components/ui/Timer/index.d.ts +4 -1
- package/dist/lib/components/ui/Timer/index.js +10 -6
- package/dist/lib/context/logic/ModalContext.d.ts +1 -0
- package/dist/lib/index.d.ts +4 -1
- package/dist/lib/index.js +10 -4
- package/dist/main.css +139 -1
- package/package.json +1 -1
package/dist/lib/index.js
CHANGED
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.BonusCancelLoader = exports.SkeletLoader = exports.Image = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.XACFooter = exports.Footer = exports.LeftSection = exports.PageTitle = exports.PopUpHeader = exports.DepositSkelet = exports.PaymentMessage = exports.PaymentFrame = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.CasinoSearchInput = exports.CasinoSearchBlock = exports.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ButtonCancelBonus = exports.SocialMediaButton = exports.FavoriteButton = exports.ButtonLanguage = exports.ArrowButton = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = exports.EWheelState = exports.EModalTypes = exports.ENotificationType = exports.EAuthFormType = exports.ERegistrationForm = exports.handleDeviceDetection = exports.EDeviceType = exports.CheckBoxSvg = exports.EBackgroundSliderType = exports.ESignUpTheme = void 0;
|
|
7
7
|
exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUpTypeThree = exports.SignUpTypeTwo = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionBanner = exports.PromotionMobileApp = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = exports.Pagination = exports.ReferralBonus = exports.ReferralInviteBanner = exports.ReferralCopyContent = exports.ReferralShare = exports.ReferralDetails = exports.ReferralCard = exports.ReferralTitle = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.Presets = exports.useIFrameMode = exports.useHotJarControllers = exports.useHotJarAnalytics = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.useHookFabric = exports.HOCKitConfigure = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.BettingSkelet = void 0;
|
|
8
8
|
exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CrossSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.SignInThird = exports.SignIn = exports.LanguageSelector = void 0;
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
exports.
|
|
12
|
-
exports.zustandKitSettingsSelectors = exports.useZustandKitSettings = exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.getNextSaturday = exports.getNext15thDate = exports.formattedDate = exports.removeFromLocalStorage = exports.getFromLocalStorage = exports.setToLocalStorage = exports.getValueByIdFromUrl = exports.valdiationCardNumber = exports.validateLuhnAlgorithm = exports.validationTRC = exports.isPhone = exports.validateBankCode = exports.validateAccountNumber = exports.validateAccountName = exports.validateEmailValue = exports.replaceCodeToMask = exports.replaceValueByMaskReturnMask = exports.replaceValueByMask = exports.validationPatternByName = exports.validationNameSurname = exports.validationBankCode = exports.isFilledForm = exports.isMinMax = exports.extractNumbersFromString = exports.prepareStringAsPhoneNumber = exports.upperCase = exports.isRequired = exports.isPassword = exports.isEmail = exports.composeValidations = exports.getHorizontalFlagIcon = exports.getSportIcon = exports.getVipClubIcon = exports.getFlagIcon = exports.copyToClipboard = void 0;
|
|
9
|
+
exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.EditPencilSvg = exports.UnverifiedSvg = exports.VerifiedSvg = exports.UrSvg = exports.PKSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PhpSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.MinusCircleSvg = exports.AddCircleSvg = exports.FireSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = void 0;
|
|
10
|
+
exports.Accordion = exports.Winner = exports.BattleWinners = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.SecondWaitingSvg = exports.SecondSuccessSvg = exports.SecondErrorSvg = void 0;
|
|
11
|
+
exports.getCasinoCategoryIcon = exports.casinoDrawerKitSelectors = exports.useZustandCasinoDrawerKitStore = exports.supportSelectors = exports.useZustandSupportKitStore = exports.useZustandCasinoSearchKitStore = exports.searchSelectors = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.zustandRecoveryKitSelectors = exports.useZustandRecoveryKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.VipSteps = exports.CarouselVipClub = exports.Carousel = exports.AppNotify = exports.ProgressWagering = exports.ProgressBar = exports.FAQ = exports.FaqSection = exports.Question = exports.AssignEmail = exports.DefaultGameImg = exports.BalanceInfo = exports.DesktopProfile = exports.BalanceList = exports.TitleForm = exports.ClaimBonus = exports.NotFoundData = exports.Timer = exports.AccordionGroup = void 0;
|
|
12
|
+
exports.zustandKitSettingsSelectors = exports.useZustandKitSettings = exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.getNextSaturday = exports.getNext15thDate = exports.formattedDate = exports.removeFromLocalStorage = exports.getFromLocalStorage = exports.setToLocalStorage = exports.getValueByIdFromUrl = exports.valdiationCardNumber = exports.validateLuhnAlgorithm = exports.validationTRC = exports.isPhone = exports.validateBankCode = exports.validateAccountNumber = exports.validateAccountName = exports.validateEmailValue = exports.replaceCodeToMask = exports.replaceValueByMaskReturnMask = exports.replaceValueByMask = exports.validationPatternByName = exports.validationNameSurname = exports.validationBankCode = exports.isFilledForm = exports.isMinMax = exports.extractNumbersFromString = exports.prepareStringAsPhoneNumber = exports.upperCase = exports.isRequired = exports.isPassword = exports.isEmail = exports.composeValidations = exports.getHorizontalFlagIcon = exports.getSportIcon = exports.getVipClubIcon = exports.getFlagIcon = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = void 0;
|
|
13
13
|
// Buttons
|
|
14
14
|
var Buttons_1 = require("components/ui/Buttons");
|
|
15
15
|
Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
|
|
@@ -389,8 +389,12 @@ Object.defineProperty(exports, "PKSvg", { enumerable: true, get: function () { r
|
|
|
389
389
|
var UrSvg_1 = require("components/ui/Icons/FlagIcons/UrSvg");
|
|
390
390
|
Object.defineProperty(exports, "UrSvg", { enumerable: true, get: function () { return UrSvg_1.UrSvg; } });
|
|
391
391
|
//Profile Svgs
|
|
392
|
+
var UnverifiedSvg_1 = require("components/ui/Icons/Profile/UnverifiedSvg");
|
|
393
|
+
Object.defineProperty(exports, "UnverifiedSvg", { enumerable: true, get: function () { return UnverifiedSvg_1.UnverifiedSvg; } });
|
|
392
394
|
var VerifiedSvg_1 = require("components/ui/Icons/Profile/VerifiedSvg");
|
|
393
395
|
Object.defineProperty(exports, "VerifiedSvg", { enumerable: true, get: function () { return VerifiedSvg_1.VerifiedSvg; } });
|
|
396
|
+
var EditPencilSvg_1 = require("components/ui/Icons/Profile/EditPencilSvg");
|
|
397
|
+
Object.defineProperty(exports, "EditPencilSvg", { enumerable: true, get: function () { return EditPencilSvg_1.EditPencilSvg; } });
|
|
394
398
|
//Casino
|
|
395
399
|
var TournamentWagerSvg_1 = require("./components/ui/Icons/Casino/TournamentWagerSvg");
|
|
396
400
|
Object.defineProperty(exports, "TournamentWagerSvg", { enumerable: true, get: function () { return TournamentWagerSvg_1.TournamentWagerSvg; } });
|
|
@@ -501,6 +505,8 @@ var NavBettingLiveSvg_1 = require("components/ui/Icons/Navigation/NavBettingLive
|
|
|
501
505
|
Object.defineProperty(exports, "NavBettingLiveSvg", { enumerable: true, get: function () { return NavBettingLiveSvg_1.NavBettingLiveSvg; } });
|
|
502
506
|
var NavBettingSvg_1 = require("components/ui/Icons/Navigation/NavBettingSvg");
|
|
503
507
|
Object.defineProperty(exports, "NavBettingSvg", { enumerable: true, get: function () { return NavBettingSvg_1.NavBettingSvg; } });
|
|
508
|
+
var AssignEmail_1 = require("components/Profile/AssignEmail");
|
|
509
|
+
Object.defineProperty(exports, "AssignEmail", { enumerable: true, get: function () { return AssignEmail_1.AssignEmail; } });
|
|
504
510
|
// Services
|
|
505
511
|
var Categories_1 = require("components/ui/Icons/Categories");
|
|
506
512
|
Object.defineProperty(exports, "getCasinoCategoryIcon", { enumerable: true, get: function () { return Categories_1.getCasinoCategoryIcon; } });
|
package/dist/main.css
CHANGED
|
@@ -3418,6 +3418,55 @@
|
|
|
3418
3418
|
font-weight: var(--font-weight-bold);
|
|
3419
3419
|
}
|
|
3420
3420
|
|
|
3421
|
+
.KIT__EmailInput-module__row___CL6fM {
|
|
3422
|
+
display: flex;
|
|
3423
|
+
align-items: flex-end;
|
|
3424
|
+
gap: var(--indent-s);
|
|
3425
|
+
width: var(--full);
|
|
3426
|
+
}
|
|
3427
|
+
|
|
3428
|
+
.KIT__EmailInput-module__emailInput___pFQHZ {
|
|
3429
|
+
flex: 2;
|
|
3430
|
+
}
|
|
3431
|
+
|
|
3432
|
+
.KIT__EmailInput-module__noMargin___L_F8u {
|
|
3433
|
+
margin: 0;
|
|
3434
|
+
margin: initial;
|
|
3435
|
+
}
|
|
3436
|
+
|
|
3437
|
+
.KIT__EmailInput-module__getCodeButton___MnK3a {
|
|
3438
|
+
width: -moz-fit-content;
|
|
3439
|
+
width: fit-content;
|
|
3440
|
+
font-size: var(--font-size-xs);
|
|
3441
|
+
font-weight: var(--font-weight-bold);
|
|
3442
|
+
height: 40px;
|
|
3443
|
+
border-radius: var(--border-s);
|
|
3444
|
+
}
|
|
3445
|
+
|
|
3446
|
+
@media screen and (min-width: 768px) {
|
|
3447
|
+
|
|
3448
|
+
.KIT__EmailInput-module__getCodeButton___MnK3a {
|
|
3449
|
+
font-size: var(--font-size-s);
|
|
3450
|
+
}
|
|
3451
|
+
}
|
|
3452
|
+
|
|
3453
|
+
.KIT__EmailInput-module__timerText___HaBUR {
|
|
3454
|
+
color: var(--email-input-timer-text-color, var(--timer-wrapper-color));
|
|
3455
|
+
}
|
|
3456
|
+
|
|
3457
|
+
.KIT__EmailInput-module__timerTextBlock___g0bt8 {
|
|
3458
|
+
font-size: var(--font-size-xs);
|
|
3459
|
+
padding: 0 var(--indent-s);
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
.KIT__EmailInput-module__timerBlock___Nw_10 {
|
|
3463
|
+
background-color: var(--email-input-timer-text-block-background);
|
|
3464
|
+
border-radius: 10px;
|
|
3465
|
+
border-radius: var(--border-10, 10px);
|
|
3466
|
+
border: none;
|
|
3467
|
+
border: var(--email-input-timer-text-block-border, none);
|
|
3468
|
+
}
|
|
3469
|
+
|
|
3421
3470
|
.KIT__SignIn-module__wrapperReferralCopyContent___Ypykg {
|
|
3422
3471
|
display: flex;
|
|
3423
3472
|
flex-direction: column;
|
|
@@ -8432,6 +8481,93 @@
|
|
|
8432
8481
|
width: 250px;
|
|
8433
8482
|
z-index: var(--layout-lvl-4);
|
|
8434
8483
|
}
|
|
8484
|
+
.KIT__AssignEmail-module__wrapperEmailInput___oKxLg {
|
|
8485
|
+
display: flex;
|
|
8486
|
+
flex-direction: column;
|
|
8487
|
+
gap: var(--indent-s);
|
|
8488
|
+
}
|
|
8489
|
+
|
|
8490
|
+
.KIT__AssignEmail-module__formTitle___Mfst_ {
|
|
8491
|
+
font-size: 17px;
|
|
8492
|
+
color: var(--email-form-title-color);
|
|
8493
|
+
margin-bottom: calc(var(--indent-m) + 5px);
|
|
8494
|
+
}
|
|
8495
|
+
|
|
8496
|
+
.KIT__AssignEmail-module__wrapperInput___rd9OA {
|
|
8497
|
+
height: auto;
|
|
8498
|
+
}
|
|
8499
|
+
|
|
8500
|
+
.KIT__AssignEmail-module__errorIcon___ho49B {
|
|
8501
|
+
margin: auto;
|
|
8502
|
+
}
|
|
8503
|
+
|
|
8504
|
+
.KIT__AssignEmail-module__errorIcon___ho49B path {
|
|
8505
|
+
fill: var(--email-error-icon-path-fill);
|
|
8506
|
+
}
|
|
8507
|
+
|
|
8508
|
+
.KIT__AssignEmail-module__buttons___Zq0Le {
|
|
8509
|
+
display: flex;
|
|
8510
|
+
gap: var(--indent-s);
|
|
8511
|
+
height: 40px;
|
|
8512
|
+
}
|
|
8513
|
+
|
|
8514
|
+
.KIT__AssignEmail-module__marginL___DDgwy {
|
|
8515
|
+
margin-left: var(--indent-m);
|
|
8516
|
+
}
|
|
8517
|
+
|
|
8518
|
+
.KIT__AssignEmail-module__errorMessage___SYIR9 {
|
|
8519
|
+
margin-bottom: var(--indent-m);
|
|
8520
|
+
color: var(--email-error-message-color);
|
|
8521
|
+
font-size: var(--font-size-xs);
|
|
8522
|
+
}
|
|
8523
|
+
|
|
8524
|
+
.KIT__AssignEmail-module__marginB___oswZb {
|
|
8525
|
+
margin-bottom: var(--indent-m);
|
|
8526
|
+
}
|
|
8527
|
+
|
|
8528
|
+
.KIT__AssignEmail-module__verificationButton___WyVg1 {
|
|
8529
|
+
width: calc(var(--full) - 42px - var(--indent-s));
|
|
8530
|
+
min-width: calc(var(--full) - 42px - var(--indent-s));
|
|
8531
|
+
height: 100%;
|
|
8532
|
+
font-weight: var(--font-weight-bold);
|
|
8533
|
+
border-radius: var(--border-s);
|
|
8534
|
+
font-size: var(--font-size-xs);
|
|
8535
|
+
}
|
|
8536
|
+
|
|
8537
|
+
@media screen and (min-width: 768px) {
|
|
8538
|
+
|
|
8539
|
+
.KIT__AssignEmail-module__verificationButton___WyVg1 {
|
|
8540
|
+
font-size: var(--font-size-s);
|
|
8541
|
+
}
|
|
8542
|
+
}
|
|
8543
|
+
|
|
8544
|
+
.KIT__AssignEmail-module__closeButton___v_m_7 {
|
|
8545
|
+
--size: 40px;
|
|
8546
|
+
width: 40px;
|
|
8547
|
+
width: var(--size);
|
|
8548
|
+
height: 40px;
|
|
8549
|
+
height: var(--size);
|
|
8550
|
+
max-width: 40px;
|
|
8551
|
+
max-width: var(--size);
|
|
8552
|
+
min-width: 40px;
|
|
8553
|
+
min-width: var(--size);
|
|
8554
|
+
min-height: 40px;
|
|
8555
|
+
min-height: var(--size);
|
|
8556
|
+
background: var(--email-close-button-background);
|
|
8557
|
+
flex-shrink: 0;
|
|
8558
|
+
border-radius: var(--border-s);
|
|
8559
|
+
}
|
|
8560
|
+
|
|
8561
|
+
.KIT__AssignEmail-module__closeButtonSvg___ZyWBo path {
|
|
8562
|
+
fill: var(--email-close-button-svg-path-fill);
|
|
8563
|
+
}
|
|
8564
|
+
|
|
8565
|
+
.KIT__AssignEmail-module__wrapperEmail___Jouf2 {
|
|
8566
|
+
display: flex;
|
|
8567
|
+
flex-direction: column;
|
|
8568
|
+
gap: var(--indent-m);
|
|
8569
|
+
}
|
|
8570
|
+
|
|
8435
8571
|
.KIT__NotFoundData-module__wrapperDataNotFound___dg8Ue {
|
|
8436
8572
|
height: 250px;
|
|
8437
8573
|
display: flex;
|
|
@@ -10026,8 +10162,10 @@
|
|
|
10026
10162
|
--input-error: var(--input-border-red);
|
|
10027
10163
|
--input-inline-start: var(--indent-m);
|
|
10028
10164
|
--input-base-autofill-background-color: var(--input-background);
|
|
10029
|
-
|
|
10165
|
+
|
|
10166
|
+
--input-border: 2px solid var(--border-color-gray);
|
|
10030
10167
|
}
|
|
10168
|
+
|
|
10031
10169
|
:root {
|
|
10032
10170
|
/* Button SIZES */
|
|
10033
10171
|
--button-xs: 30px;
|