<ոճ> .արդյունք { ցուցադրում բլոկ; z-ինդեքսը 10; ֆոն՝ սպիտակ; լիցք՝ 20px; սահման-շառավիղ՝ 8px; առավելագույն լայնությունը՝ 520px; լայնությունը՝ 100%; տուփի չափսերը՝ սահմանային տուփ; լուսանցք՝ 1,5 մ; եզրագիծ՝ 1px պինդ var(—md-default-fg-color—ամենաթեթև); տուփ-ստվեր՝ var(—md-shadow-z1); } .արդյունք .ձև { ցուցադրում: flex; ճկուն ուղղություն՝ սյունակ; } .արդյունք մուտքագրում::placeholder, .արդյունք textarea::placeholder { տառաչափը՝ 14px; } .արդյունք .form__textarea, .արդյունք .form__email, .արդյունք .form__input, .արդյունք .form__phone, .արդյունք .form__datepicker { սահման-շառավիղ 4px; եզրագիծը՝ 1px պինդ rgba (150, 150, 150, 0.47); լիցք՝ 10px; չափափոխել՝ ուղղահայաց; ուրվագիծը՝ ոչ մի; լուսանցք-ներքև՝ 12px; ֆոն՝ #ffffff; /* Հստակ սպիտակ է ձևի ֆոնի համար, որպեսզի համապատասխանի արդյունքին */ գույնը՝ #333333; տառատեսակ-ընտանիք՝ ժառանգել; տառաչափը՝ 14px; } .արդյունք .form__textarea:focus, .արդյունք .form__email:focus, .արդյունք .form__phone:focus { սահման-գույն՝ #1296e7; տուփ-ստվեր՝ 0 0 0 1px #1296e7; } .արդյունք .result__btn { լայնությունը՝ 100%; լիցք՝ 12px 16px; սահման-շառավիղ 4px; գույնը՝ #fff; եզրագիծը՝ ոչ մի; կուրսորը `ցուցիչ; լուսանցք-վերև՝ 5px; տառատեսակի քաշը՝ 600; տառաչափը՝ 15px; անցումը՝ անթափանցիկություն 0,2 վրկ, ֆոնի գույն 0,2 վրկ; } .result .result__btn:hover { անթափանցիկություն՝ 0,9; } .result .result__btn:disabled { անթափանցիկություն՝ 0,7; կուրսորը՝ չի թույլատրվում; }

/* Մութ ռեժիմի կարգավորումներ, եթե օգտագործվում է MkDocs նյութը */ [data-md-color-scheme=“slate”] .արդյունք { ֆոն՝ var (—md-default-bg-color); եզրագույն. var(—md-default-fg-color—lightest); } [data-md-color-scheme=“slate”] .result .form__textarea, [data-md-color-scheme=“slate”] .result .form__email, [data-md-color-scheme=“slate”] .result .form__phone { ֆոն՝ var (—md-default-bg-color); գույնը՝ var (—md-default-fg-color); եզրագույն. var(—md-default-fg-color—lightest); }