Fd-akordijas konteiners {
maksimālais platums: 882px;
apmale: 0 auto;
fontu saime: mantošana;
krāsa: #333333;
augstums līnijā: 1,6;
fonta izmērs: 16px;
}
fd-akordeona konteiners *,
Fd-akordijas konteiners *:pirms,
fd-akordijas konteiners *:pēc {
kastes izmērs: robežkaste;
fontu saime: mantošana;
}
Fd-akordeons {
apakšējā robeža: 1px cietviela #f3f2f1;
displejs: režģis;
kolonnas: 200px 1fr;
plaisa: 32px;
polsterējums: 26px 0;
kursors: rādītājs;
saskaņošanas punkti: sākums;
apmale: 0;
}
Fd-akordeona galva {
pāreja: visu 0.3s vieglums;
}
.fd-akordijas nosaukums {
fonta izmērs: 11pt;
burtu atsvars: 600;
burtu atstarpe: 0,011em;
polsterējuma augšpuse: 2px;
teksta transformācija: lielajiem burtiem;
apmale: 0;
}
Fd-akordeona-labais {
pozīcija: relatīvs;
}
Fd-akordeona-galvene-labā {
stāvoklis: absolūtais;
augša: 0;
tiesības: 0;
}
Fd-accordion-icon {
platums: 24px;
augstums: 24px;
pozīcija: relatīvs;
elastīgs saspiedums: 0;
}
fd-akordiona ikon: pirms,
Fd-accordion-icon: pēc {
saturs: "";
stāvoklis: absolūtais;
fons: #1d1d1f;
pāreja: pārveidot 0,35s kubikbezers(0.4, 0, 0,2, 1);
}
Fd-accordion-icon: pirms {
platums: 11px;
augstums: 1,5 px;
augša: 50 %;
pa kreisi: 50%;
transformēt: translate( 50%, - 50%);
}
Fd-accordion-icon: pēc {
platums: 1,5px;
augstums: 11px;
augša: 50 %;
pa kreisi: 50%;
transformēt: translate( 50%, - 50%);
}
Fd-accordion-item.active fd-accordion-icon: pēc {
transformēt: translate(-50%, -50%) rotēt(90deg);
necaurredzamība: 0;
}
Fd-akordijas saturs {
pārplūde: slēpta;
displejs: režģis;
tīkla–templete–rindas: 1fr;
pāreja: režģa–templete–rindas 0.4s kubikbezers(0.4, 0, 0.2, 1);
labais polsterējums: 40px;
}
Fd-akordeona satura iekšējais {
polsterējums apakšā: 26px;
augstums līnijā: 1,7;
pārplūde: slēpta;
necaurredzamība: 1;
transform: translateY( 0);
pāreja: duļķošanās 0,35s kubikbezjē (0,4, 0, 0,2, 1),
transformēt 0.35s kubikbezers(0.4, 0, 0,2, 1);
}
fd-accordion.js-inicializēts .fd-accordion-item:not(.active) .fd-accordion-content {
tīkla laika rindas: 0fr;
}
fd-accordion.js-inicializēts .fd-accordion-item:not(.active) .fd-accordion-content-inner {
necaurredzamība: 0;
transform: translateY( 8 px);
}
fd-accordion.js-inicializēts Fd-akordion-item.active {
tīkla–templete–rindas: 1fr;
}
fd-accordion.js-inicializēts Fd-akordeona-item.active {
necaurredzamība: 1;
transform: translateY( 0);
}
.fd-akordeona saturs p {
rezerve: 0 0 16px 0;
polsterējums: 0;
krāsa: #333333;
}
.fd-accordion-content p:last-child {
apakšējais: 0;
}
Fd-akordiona saturs
saraksta stila tips: nav;
polsterējums: 0;
apmale: 0;
}
.fd-accordion-content ul li {
polsterējums: 4px 0 4px 16px;
pozīcija: relatīvs;
krāsa: #333333;
apmale: 0;
}
Fd-accordion-content ul li: pirms {
saturs: "â"
stāvoklis: absolūtais;
pa kreisi: 0;
burtu atsvars: 600;
}
Fd-spec-tabula {
platums: 100 %;
}
Fd-spec-rinda {
displejs: režģis;
kolonnas ar tīkla laiku: 140 px 1fr;
polsterējums: 12px 0;
apakšējā robeža: 1px cietviela #f3f2f1;
plaisa: 16px;
}
Fd-spec-row:last-child {
apakšējā robeža: nav;
}
.fd-spec-marķējums {
burtu atsvars: 600;
krāsa: #333333;
}
Fd-spec-vērtība {
krāsa: #333333;
}
fd-akordiona ikon-mobilais {
displejs: nav;
}
@media (maks. platums: 768px) {
Fd-akordeons {
displejs: bloks;
kursors: noklusētais;
polsterējums: 0;
}
Fd-akordeona galva {
polsterējums: 16px 0;
kursors: rādītājs;
displejs: lokans;
pamatot saturu: telpa starp;
centrmezgls;
}
Fd-akordeona-labais {
polsterējums: 0;
stāvoklis: statisks;
}
Fd-akordeona-galvene-labā {
displejs: nav;
}
Fd-akordijas saturs {
pa labi no polsterējuma: 0;
}
Fd-accordion-icon {
displejs: nav;
}
fd-akordiona ikon-mobilais {
displejs: bloks;
platums: 20px;
augstums: 20px;
pozīcija: relatīvs;
elastīgs saspiedums: 0;
kreisā robeža: 20px;
}
līdz:
fd-akordiona ikon-mobilais: pēc {
saturs: "";
stāvoklis: absolūtais;
fons: #1d1d1f;
pāreja: pārveidot 0,35s kubikbezers(0.4, 0, 0,2, 1);
}
līdz: {
platums: 11px;
augstums: 1,5 px;
augša: 50 %;
pa kreisi: 50%;
transformēt: translate( 50%, - 50%);
}
fd-akordiona ikon-mobilais: pēc {
platums: 1,5px;
augstums: 11px;
augša: 50 %;
pa kreisi: 50%;
transformēt: translate( 50%, - 50%);
}
fd-akordions-item.active {
transformēt: translate(-50%, -50%) rotēt(90deg);
necaurredzamība: 0;
}
Fd-akordeona satura iekšējais {
polsterējums apakšā: 16px;
}
Fd-spec-rinda {
kolonnas ar koordinātu tīklu: 1fr;
plaisa: 8px;
}
.fd-spec-marķējums {
burtu atsvars: 700;
}
Fd-akordijas punkts:last-bērns Fd-akordeona satura iekšējais {
polsterējums apakšā: 8px;
}
}
Apraksts The Tech-protect Sleeve ir minimālisma piedurkne, kas paredzēta 15-16 collu klēpjdatoriem, kas apvieno vienkāršu dizainu ar ikdienas transporta praktisko aizsardzību. Tās slaids profils un subdued krāsas padara to par perfektu piemērots jebkura stila â Stabilā konstrukcija, kas izgatavota no augstas kvalitātes tekstilmateriāla, nodrošina aizsardzību pret nejaušu triecienu un nobrāzumiem, kas var rasties ikdienas lietošanas laikā. Mīkstais iekšējais apšuvums rada drošu vietu jūsu klēpjdatoram, novēršot risku saskrāpēt uz ekrāna vai korpusa, transportējot to mugursomā vai maisā.
p>gt; Plaša priekšējā kabata uzlabo kabata un amp;#39;s funkcionalitāte, kas ļauj jums uzglabāt svarīgākos piederumus â Visi nepieciešamie priekšmeti paliek organizēti vienā vietā, lai būtu vieglāk ātri sagatavoties darbam un novēršot nepieciešamību meklēt aksesuārus dažādās kabatās.
Tā kompaktais dizains bez papildu rokturiem padara piedurkni par ideālu, lai ievietotu lielāku maisiņu vai mugursomu, nepievienojot lieku beramkravu. Jūs varat viegli noņemt klēpjdatoru un tā piedurknes, kad jums ir nepieciešams to izmantot, un tad nodot to atpakaļ atkal bez pārkārtot vai reorganizēt savu mantu.
* Lūdzu, pārbaudiet seguma izmērus pirms iegādes. Mazgāšanas līdzekļi un maisījumi; Gatavi tekstilizstrādājumi, izņemot pozīcijā 5602 minētos Šajā kopumā ietilpst
1 ́ Tech-protect Sleeve
p>
document.addEventListener ("DOMContentLoaded", funkcija()) {
konst akordeons = document.querySelectror (".fd-accorder");
const acorderionIteems = document.querySelectrorAll (".fd-accorder-item");
funkcija isInEditor () {
ja (window.frameElement) atgriešanās patiesība;
ja (document.designMode === 'on') atgriešanās true;
ja (document.body.contentEditable === 'patiess') atgriežas patiess;
ja (window.location.href. ietver ("/admin")) atgriešanās patiesība;
ja (window.location.href. ietver ("/redit")) atgriešanās true;
ja (window.location.href. ietver ("redaktoru")) atgriešanās true;
ja (dokuments.querySelectror ("[contentited="true"";)) atgriežas patiess;
ja (dokuments.querySelector('.cke_editable, .mce-content-body, .fr-element') atgriež patiesumu;
atgriež nepatiesi;
}
ja (isInEditor()) {
atgriešanās;
}
acordeon.classList.add ("js-inicializēts");
AkordeonsItems.forEach((vienība, indekss) => {
ja (indekss = = = 0) {
classList.add ("aktīvs");
} citur {
item.classList.remove ("aktīvs");
}
});
akordeonsItems.forEach(vienība => {
item.addEventListener( 'klikšķis', funkcija( e) {
const isMobile = window.inner Platums 0) {
atgriešanās;
}
ja (isMobile) {
const header = this.querySelectror (".fd-accorder-header");
ja (!header.contains(e.mērķis)) atgriešanās;
}
this.classlist.towgle ("aktīvs");
});
});
});
Tulkojums latviešu valodā tika veikts izmantojot automātisko tulkotāju. Ja rodas jautājumi par preces nosaukumu vai aprakstu, lūdzu, sazinieties ar mūsu konsultantu!
Ieeja
