[Easy] 10+ nama hewan yang susah ditebak sempurna

Pada artikel ini kami akan menjelaskan nama hewan yang susah ditebak Kamu bisa cek penjelasan lengkap dari kami. Karena kebetulan kami pernah mengalaminya dan ingin sharing di artikel ini.

Hewan merupakan makhluk hidup yang dekat dengan manusia. Mereka bahkan bisa hidup bersama dengan manusia dalam satu tempat. Namun apakah Anda hafal seluruh nama hewan yang ada di bumi? Mungkin jawabannya tidak, sebab jumlah hewan di bumi sangatlah banyak.

Kita mungkin terbiasa menyebut nama-nama hewan dalam Bahasa Indonesia. Akan tetapi, masih jarang yang mengetahui nama binatang dalam bahasa asing, khususnya Bahasa Inggris.

Jika Anda juga belum banyak mengetahui nama nama hewan dalam Bahasa Inggris, tak perlu risau. Sebab kini kami akan mengulas berbagai nama binatang dalam Bahasa Inggris dari A sampai Z. Penasaran apa saja? Yuk simak penjelasan berikut.

Nama Hewan Dalam Bahasa Inggris A – B

  1. Albatross: Albatros
  2. Alligator: Alligator
  3. Alpaca: Alpaka
  4. Anaconda: Ular anaconda
  5. Anchovy: Ikan teri
  6. Angel Fish: Ikan Bidadari
  7. Anoa: Anoa
  8. Ant: Semut
  9. Anteater: Trenggiling
  10. Antelope: Antelop
  11. Ape: Kera
  12. Baboon: Babon
  13. Badger: Luwak
  14. Bat: Kelelawar
  15. Bear: Beruang
  16. Beaver: Biwara
  17. Bee: Lebah
  18. Beetle: Kumbang
  19. Bird: Burung
  20. Bison: Bison
  21. Boa: Ular boa
  22. Boar: Babi hutan
  23. Bobcat: Kucing hutan
  24. Bull: Banteng
  25. Bulldog: Anjing Bulldog
  26. Butterfly: Kupu-kupu
  27. Buzzard: Rajawali

Nama-nama Hewan Menggunakan Bahasa Inggris B – C

  1. Calf: Anak sapi
  2. Camel: Unta
  3. Canary: Kenari
  4. Capybara: Kapibara
  5. Cassowary: Kasuari
  6. Cat: Kucing
  7. Caterpillar: Ulat bulu
  8. Catfish: Lele
  9. Centipede: Kelabang
  10. Charmeleon: Bunglon
  11. Cheetah: Citah
  12. Chicken: Ayam
  13. Chimpanzee: Simpanse
  14. Chipmunk: Tupai tanah
  15. Clam: Kerang
  16. Cob: Tongkol
  17. Cobra: Ular kobra
  18. Cockatoo: Kakatua
  19. Cockle: Tiram
  20. Cockroach: Kecoa
  21. Cock: Ayam Jantang
  22. Conch: Keong
  23. Cow: Sapi
  24. Coyote: Anjing Hutan
  25. Crab: Kepiting
  26. Crane: Bangau
  27. Cricket: Jangkrik
  28. Crocodile: Buaya
  29. Crow: Gagak
  30. Cuscus: Kuskus
  31. Deer: Rusa
  32. Dog: Anjing
  33. Dolphin: Lumba-Lumba
  34. Donkey: Keledai
  35. Dove: Burung Dara
  36. Dragonfly: Capung
  37. Duck: Bebek

Nama Hewan dalam Bahasa Inggris E – F

  1. Eagle: Elang
  2. Eel: Belut
  3. Elephant: Gajah
  4. Elk: Rusa besar
  5. Emu: Burung Emu
  6. Falcon: Elang
  7. Finch: Burung Finch
  8. Fireflier: Kuang-kunang
  9. Fish: Ikan
  10. Flamingo: Flamingo
  11. Flea: Kutu
  12. Fly: Lalat
  13. Flying ant: Laron
  14. Fox: Rubah
  15. Frog: Katak

Nama-nama Hewan dalam Bahasa Inggris G – H

  1. Gecko: Cicak
  2. Gibbon: Siamang
  3. Giraffe: Jerapah
  4. Goat: Kambing
  5. Goose: Angsa
  6. Goldfish: Ikan Mas
  7. Grasshopper: Belalang
  8. Green Turtle: Penyu Hijau
  9. Grouper: Ikan Kerapu
  10. Grouse: Belibis
  11. Guinea pig: Marmot
  12. Gull: Burung Camar
  13. Hamster: Hamster
  14. Hedgehog: Landak
  15. Hen: Ayam Betina
  16. Heron: Bangau
  17. Hickey: Ikan Cupang
  18. Hippopotamus: Kuda nil
  19. Hornbill: Rangkong
  20. Hornet: Tabuhan
  21. Horse: Kuda
  22. Hummingbird: Kolibri
  23. Hwak: Elang
  24. Hyena: Hiena

Nama Hewan dalam Bahasa Inggris I – J

  1. Ibis: Burung Ibis
  2. Iguana: Iguana
  3. Impala: Impala
  4. Jaguar: Jaguar
  5. Japanese Macaque: Monyet Jepang
  6. Jellysih: Ubur-ubur
  7. Junco: Burung Jungko

Nama Hewan Menggunakan Bahasa Inggris K – L

  1. Kangaroo: Kanguru
  2. Kitten: Anak kucing
  3. Kiwi: Burung kiwi
  4. Koala: Koala
  5. Komodo: Komodo
  6. Ladybug: Kepik
  7. Lamb: Anak domba
  8. Langur: Lutung
  9. Leech: Lintah
  10. Lemur: Kera Madagaskar
  11. Leopard: Macan tutul
  12. Lice: Kutu rambut
  13. Lion: Singa
  14. Lizard: Kadal
  15. Llama: Llama
  16. Lobster: Lobster

Nama-nama Hewan dalam Bahasa Inggris M -N

  1. Macaw: Burung Makaw
  2. Maggot: Belatung
  3. Magpie: Murai
  4. Maleo: Maleo
  5. Mammoth: Mamut
  6. Mantis: Belalang Sembah
  7. Milkfish: Bandeng
  8. Mongoose: Luwak
  9. Monitor Lizards: Biawak
  10. Monkey: Monyet
  11. Moonburst: Ubur-ubur BUlan
  12. Mosquito: Nyamuk
  13. Moth: Ngengat
  14. Mouse deer: Kancil
  15. Mouse: Tikus
  16. Mussel: Remis
  17. Newt: Kadal air
  18. Nightingale: Bulbul
  19. Numbat: Numbat
  20. Nurse Shark: Hiu Perawat

Nama Hewan Menggunakan Bahasa Inggris O – P

  1. Ocelot: Ocelot
  2. Octopus: Gurita
  3. Orangutan: Orang Utan
  4. Ostrich: Burung unta
  5. Otter: Berang-berang
  6. Owl: Burung hantu
  7. Ox: Kerbau
  8. Oyster: Tiram
  9. Panda: Panda
  10. Panther: Harimau Kumbang
  11. Parrot: Beo
  12. Partridge: Ayam Hutan
  13. Peacock: Merak
  14. Pelican: Pelikan
  15. Pig: Babi
  16. Pigeon: Merpati
  17. Platypus: Platipus
  18. Polar bear: Beruang kutub
  19. Porcupine: Landak
  20. Puppy: Anak anjing
  21. Python: Ular piton

Nama-nama Hewan dalam Bahasa Inggris Q – R

  1. Quail: Puyuh
  2. Quetzal: Burung Quetzal
  3. Quokka: Kuoka
  4. Quoll: Quoll
  5. Rabbit: Kelinci
  6. Rat: Tikus besar
  7. Rattlesnake: Ular derik
  8. Raven: Gagak besar
  9. Rhinoceros: Badak
  10. Rooster: Ayam jantan

Nama-nama Hewan dalam Bahasa Inggris S – T

  1. Salamander: Salamander
  2. Sardine: Sarden
  3. Scorpion: Kalajengking
  4. Sea lion: Singa laut
  5. Seagull: Burung camar
  6. Seahorse: Kuda laut
  7. Seal: Anjing laut
  8. Shark: Hiu
  9. Sheep: Domba
  10. Shrimp: Udang
  11. Sloth: Kukang
  12. Snail: Siput
  13. Snake: Ular
  14. Snapper: Kakap
  15. Sparrow: Burung gereja
  16. Spider: Laba-laba
  17. Squid: Cumi-cumi
  18. Squirrel: Tupai
  19. Starfish: Bintang laut
  20. Stingray: Ikan pari
  21. Stoat: Cerpelai
  22. Swallow: Burung layang
  23. Swan: Angsa putih
  24. Swordfish: Ikan cucut
  25. Tadpole: Kecebong
  26. Tarantula: Tarantula
  27. Tasted: Mujair
  28. Termite: Rayap
  29. Tiger: Harimau
  30. Toad: Kodok
  31. Tortoise: Kura-kura
  32. Tuna: Ikan tuna
  33. Turkey: Kalkun
  34. Turtle: Penyu
  35. Turtledove: Perkutut

Nama Hewan dalam Bahasa Inggris U – V

  1. Uakari: Uakari
  2. Umbrella Bird: Burung Payung
  3. Vampire Bat: Kelelawar Vapir
  4. Vervet Monkey: Monyet Vervet
  5. Viper: Ular Berbisa
  6. Vulture: Burung Bangkai

Nama Hewan dalam Bahasa Inggris W – X

  1. Walrus: Singa Laut
  2. Wasp: Tawon
  3. Weasel: Musang
  4. Whale: Paus
  5. Wolf: Serigala
  6. Woodpecker: Burung pelatuk
  7. Worm: Cacing
  8. X-ray Tetra: Ikan X-ray

Nama Hewan dalam Bahasa Inggris Y – Z

  1. Yak: Yak
  2. Yellow-eyed Penguin: Penguin Mata Kuning
  3. Yorkshire Terrier: Anjing Yorkshire Terrier
  4. Zebra: Zebra
  5. Zebu: Sapi Zebu

Top 17 nama hewan yang susah ditebak menjelaskan Nha Xinh

15 Binatang paling aneh dan tempat untuk menemukan mereka

  • Penulis: merdeka.com
  • Tanggal Terbit: 05/22/2022
  • Ulasan: 4.82 (679 vote)
  • Ringkasan: Grimpoteuthis juga idikenal dengan nama dumbo octopus alias gurita dumbo. Pasalnya gurita ini memang memiliki penampilan dan warna yang imut …

Nama Latin yang Unik, Lucu, dan Aneh – Alamendah’s Blog

  • Penulis: alamendah.org
  • Tanggal Terbit: 08/15/2022
  • Ulasan: 4.53 (219 vote)
  • Ringkasan: Parastratiosphecomyia stratiosphecomyioides; merupakan nama sejenis lalat. Coba hitung, 42 huruf hanya untuk menyebut nama seekor lalat. Nama …

Daftar Tebak-tebakan Hewan yang Lucu dan Menghibur, Sulit Diprediksi!

  • Penulis: orami.co.id
  • Tanggal Terbit: 05/30/2022
  • Ulasan: 4.23 (569 vote)
  • Ringkasan: Ikan, ikan apa yang suka berhenti? · : Ikan pause. Hewan apa yang bisa kaya? · : Hewan to be millionare ; Burung, burung apa yang suka ke WC? · : …

Sangat Susah Ditemui, 10 Hewan Langka Ini Hanya Ada di Indonesia loh

  • Penulis: idntimes.com
  • Tanggal Terbit: 04/13/2022
  • Ulasan: 4.04 (205 vote)
  • Ringkasan: 1. Gajah Sumatra · 2. Badak Jawa · 3. Elang Jawa · 4. Harimau Sumatra · 5. Orangutan · 6. Komodo · 7. Lumba-lumba pesut mahakam · 8. Burung cendrawasih.

n//

n//

n//

n// n//

n//

n//n// nnn// Variablesn// nnarticle-margin-top: 25pxnnarticle-title-font-size: 36pxnarticle-title-line-height: 42pxnarticle-title-font-weight: normalnarticle-title-text-transform: nonennarticle-meta-font-size: 12pxnarticle-meta-line-height: 18pxnarticle-meta-color: 999nnarticle-lead-color: 444narticle-lead-font-size: 18pxnarticle-lead-line-height: 24pxnarticle-lead-font-weight: normalnnarticle-divider-margin: 25pxnarticle-divider-border: dddnnn/ n Component: Articlen /nn/n Micro clearfix to make articles more robustn /nn.uk-article:before,n.uk-article:after {n content: “n display: tablen}nn.uk-article:after { clear: both }nn/n Remove margin from the last-childn /nn.uk-article > :last-child { margin-bottom: 0 }nn/n Vertical gutter for articlesn /nn.uk-article .uk-article { margin-top: article-margin-top }nnn/ Sub-object uk-article-titlen /nn.uk-article-title {n font-size: article-title-font-sizen line-height: article-title-line-heightn font-weight: article-title-font-weightn text-transform: article-title-text-transformn .hook-article-titlen}nn.uk-article-title a {n color: inheritn text-decoration: nonen}nnn/ Sub-object uk-article-metan /nn.uk-article-meta {n font-size: article-meta-font-sizen line-height: article-meta-line-heightn color: article-meta-colorn .hook-article-metan}nnn/ Sub-object uk-article-leadn /nn.uk-article-lead {n color: article-lead-colorn font-size: article-lead-font-sizen line-height: article-lead-line-heightn font-weight: article-lead-font-weightn .hook-article-leadn}nnn/ Sub-object uk-article-dividern /nn.uk-article-divider {n margin-bottom: article-divider-marginn border-color: article-divider-bordern .hook-article-dividern}nn .uk-article-divider { margin-top: article-divider-margin }nnn// Hooksn// nn.hook-article-miscnn.hook-article-title() {}n.hook-article-meta() {}n.hook-article-lead() {}n.hook-article-divider() {}n.hook-article-misc() {}n// Name: Commentn// Description: Defines styles for comment threadsn//n// Component: uk-commentn//n// Sub-objects: uk-comment-headern// uk-comment-avatarn// uk-comment-titlen// uk-comment-metan// uk-comment-bodyn// uk-comment-listn// uk-comment-primaryn//n// Markup:n//n// n// n// n// n//

n//

n//

n// n//

n//

n//

n//n// nnn// Variablesn// nncomment-header-margin-bottom: 15pxnncomment-avatar-margin-right: 15pxnncomment-title-margin-top: 5pxncomment-title-font-size: 16pxncomment-title-line-height: 22pxnncomment-meta-margin-top: 2pxncomment-meta-color: 999ncomment-meta-font-size: 11pxncomment-meta-line-height: 16pxnncomment-list-margin-top: 15pxncomment-list-padding-left: 100pxnnn/ n Component: Commentn /nn.uk-comment {n .hook-commentn}nnn/ Sub-object uk-comment-headern /nn.uk-comment-header {n margin-bottom: comment-header-margin-bottomn .hook-comment-headern}nn/n Micro clearfixn /nn.uk-comment-header:before,n.uk-comment-header:after {n content: “n display: tablen}nn.uk-comment-header:after { clear: both }nnn/ Sub-object uk-comment-avatarn /nn.uk-comment-avatar {n margin-right: comment-avatar-margin-rightn float: leftn .hook-comment-avatarn}nnn/ Sub-object uk-comment-titlen /nn.uk-comment-title {n margin: comment-title-margin-top 0 0 0n font-size: comment-title-font-sizen line-height: comment-title-line-heightn .hook-comment-titlen}nnn/ Sub-object uk-comment-metan /nn.uk-comment-meta {n margin: comment-meta-margin-top 0 0 0n font-size: comment-meta-font-sizen line-height: comment-meta-line-heightn color: comment-meta-colorn .hook-comment-metan}nnn/ Sub-object uk-comment-bodyn /nn.uk-comment-body {n .hook-comment-bodyn}nn/n Remove margin from the last-childn /nn .uk-comment-body > :last-child { margin-bottom: 0 }nnn/ Sub-object uk-comment-listn /nn.uk-comment-list {n padding: 0n list-style: nonen}nn.uk-comment-list .uk-comment ul {n margin: comment-list-margin-top 0 0 0n list-style: nonen}nn.uk-comment-list > li:nth-child(n2),n.uk-comment-list .uk-comment ul > li:nth-child(n2) { margin-top: comment-list-margin-top }nn/ Tablet and bigger /nmedia (min-width: breakpoint-medium) {nn .uk-comment-list .uk-comment ul { padding-left: comment-list-padding-left }nn}nnn/ Modifier uk-comment-primaryn /nn.uk-comment-primary {n .hook-comment-primaryn}nnn// Hooksn// nn.hook-comment-miscnn.hook-comment() {}n.hook-comment-header() {}n.hook-comment-avatar() {}n.hook-comment-title() {}n.hook-comment-meta() {}n.hook-comment-body() {}n.hook-comment-primary() {}n.hook-comment-misc() {}n// Name: Covern// Description: Defines styles for images and videos to cover their container in a centered positionn//n// Component: uk-cover-n//n// Used by: Slideshown//n// nnn/ n Component: Covern /nn/n Background image always covers and centers its elementn /nn.uk-cover-background {n background-position: 50% 50%n background-size: covern background-repeat: no-repeatn}nn/n Emulates image cover, works with video and image elementsn 1. Parent container which clips resized objectn 2. Resizes the object to always covers its containern 3. Reset the responsive image CSSn 4. Center objectn /nn/ 1 /n.uk-cover { overflow: hidden }nn.uk-cover-object {n / 2 /n width: auton height: auton min-width: 100%n min-height: 100%n / 3 /n max-width: nonen / 4 /n position: relativen left: 50%n top: 50%n -webkit-transform: translate(-50%,-50%)n transform: translate(-50%,-50%)n}nn/n To center iframes use data-uk-cover JavaScriptn /nn[data-uk-cover] {n position: relativen left: 50%n top: 50%n -webkit-transform: translate(-50%,-50%)n transform: translate(-50%,-50%)n}nnn// Hooksn// nn.hook-cover-miscnn.hook-cover-misc() {}nn// Navsn// Name: Navn// Description: Defines styles for list navigationsn//n// Component: uk-navn//n// Sub-objects: uk-nav-headern// uk-nav-dividern// uk-nav-subn//n// Modifiers: uk-nav-parent-iconn// uk-nav-siden// uk-nav-dropdownn// uk-nav-navbarn// uk-nav-offcanvasn//n// States: uk-activen// uk-parentn// uk-openn// uk-touchn//n// Uses: Icon: FontAwesomen//n// Used by: Paneln// Dropdownn//n// Markup:n//n// n// n//

n//

n//

n//n// nnn// Variablesn// nnnav-padding-vertical: 5pxnnav-padding-horizontal: 15pxnnnav-header-padding-vertical: nav-padding-verticalnnav-header-padding-horizontal: nav-padding-horizontalnnav-header-font-size: 12pxnnav-header-font-weight: boldnnav-header-text-transform: uppercasennav-header-margin-top: 15pxnnnav-divider-margin-vertical: 9pxnnav-divider-margin-horizontal: nav-padding-horizontalnnnav-subtitle-font-size: 12pxnnav-subtitle-line-height: 18pxnnnav-nested-padding-left: 15pxnnav-nested-padding-vertical: 2pxnnav-nested-padding-horizontal: 0nnnav-sub-padding-vertical: 5pxnnav-sub-padding-left: nav-padding-horizontalnnnav-parent-icon: “f104″nnav-parent-open-icon: “f107″nnav-parent-icon-width: 20pxnnav-parent-icon-margin-right: -10pxnnnav-side-color: 444nnav-side-hover-background: rgba(0,0,0,0.05)nnav-side-hover-color: 444nnav-side-active-background: 00a8e6nnav-side-active-color: fffnnav-side-header-color: 444nnav-side-divider-border: dddnnav-side-divider-border-width: 1pxnnav-side-nested-color: 07Dnnav-side-nested-hover-color: 059nnnav-dropdown-color: 444nnav-dropdown-hover-background: 00a8e6nnav-dropdown-hover-color: fffnnav-dropdown-header-color: 999nnav-dropdown-divider-border: dddnnav-dropdown-divider-border-width: 1pxnnav-dropdown-nested-color: 07Dnnav-dropdown-nested-hover-color: 059nnnav-navbar-color: 444nnav-navbar-hover-background: 00a8e6nnav-navbar-hover-color: fffnnav-navbar-header-color: 999nnav-navbar-divider-border: dddnnav-navbar-divider-border-width: 1pxnnav-navbar-nested-color: 07Dnnav-navbar-nested-hover-color: 059nnnav-offcanvas-padding-vertical: 10pxnnav-offcanvas-padding-horizontal: 15pxnnav-offcanvas-color: cccnnav-offcanvas-hover-background: 404040nnav-offcanvas-hover-color: fffnnav-offcanvas-active-background: 1a1a1annav-offcanvas-active-color: fffnnav-offcanvas-header-color: 777nnav-offcanvas-divider-border: 1a1a1annav-offcanvas-divider-border-width: 1pxnnav-offcanvas-nested-color: cccnnav-offcanvas-nested-hover-color: fffnnn/ n Component: Navn /nn.uk-nav,n.uk-nav ul {n margin: 0n padding: 0n list-style: nonen}nn/n Itemsn /nn.uk-nav li > a {n display: blockn text-decoration: nonen}nn.uk-nav > li > a { padding: nav-padding-vertical nav-padding-horizontal }nn/n Nested itemsn /nn.uk-nav ul { padding-left: nav-nested-padding-left }nn.uk-nav ul a { padding: nav-nested-padding-vertical nav-nested-padding-horizontal }nn/n Item subtitlen /nn.uk-nav li > a > div {n font-size: nav-subtitle-font-sizen line-height: nav-subtitle-line-heightn}nnn/ Sub-object: uk-nav-headern /nn.uk-nav-header {n padding: nav-header-padding-vertical nav-header-padding-horizontaln text-transform: nav-header-text-transformn font-weight: nav-header-font-weightn font-size: nav-header-font-sizen .hook-nav-headern}nn.uk-nav-header:not(:first-child) { margin-top: nav-header-margin-top }nnn/ Sub-object: uk-nav-dividern /nn.uk-nav-divider {n margin: nav-divider-margin-vertical nav-divider-margin-horizontaln .hook-nav-dividern}nnn/ Sub-object: uk-nav-subn /nn/n ul needed for higher specificity to override paddingn /nnul.uk-nav-sub {n padding: nav-sub-padding-vertical 0 nav-sub-padding-vertical nav-sub-padding-leftn .hook-nav-subn}nnn/ Modifier: uk-nav-parent-iconn /nn.uk-nav-parent-icon > .uk-parent > a:after {n content: nav-parent-iconn width: nav-parent-icon-widthn margin-right: nav-parent-icon-margin-rightn float: rightn font-family: FontAwesomen text-align: centern .hook-nav-parent-iconn}nn.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: nav-parent-open-icon }nnn/ Modifier uk-nav-siden /nn/n Itemsn /nn.uk-nav-side > li > a {n color: nav-side-colorn .hook-nav-siden}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-nav-side > li > a:hover,n.uk-nav-side > li > a:focus { // 1n background: nav-side-hover-backgroundn color: nav-side-hover-colorn / 2 /n outline: nonen .hook-nav-side-hovern}nn/ Active /n.uk-nav-side > li.uk-active > a {n background: nav-side-active-backgroundn color: nav-side-active-colorn .hook-nav-side-activen}nn/n Sub-object: uk-nav-headern /nn.uk-nav-side .uk-nav-header {n color: nav-side-header-colorn .hook-nav-side-headern}nn/n Sub-object: uk-nav-dividern /nn.uk-nav-side .uk-nav-divider {n border-top: nav-side-divider-border-width solid nav-side-divider-bordern .hook-nav-side-dividern}nn/n Nested itemsn /nn.uk-nav-side ul a { color: nav-side-nested-color }n.uk-nav-side ul a:hover { color: nav-side-nested-hover-color }nnn/ Modifier uk-nav-dropdownn /nn/n Itemsn /nn.uk-nav-dropdown > li > a {n color: nav-dropdown-colorn .hook-nav-dropdownn}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-nav-dropdown > li > a:hover,n.uk-nav-dropdown > li > a:focus { // 1n background: nav-dropdown-hover-backgroundn color: nav-dropdown-hover-colorn / 2 /n outline: nonen .hook-nav-dropdown-hovern}nn/n Sub-object: uk-nav-headern /nn.uk-nav-dropdown .uk-nav-header {n color: nav-dropdown-header-colorn .hook-nav-dropdown-headern}nn/n Sub-object: uk-nav-dividern /nn.uk-nav-dropdown .uk-nav-divider {n border-top: nav-dropdown-divider-border-width solid nav-dropdown-divider-bordern .hook-nav-dropdown-dividern}nn/n Nested itemsn /nn.uk-nav-dropdown ul a { color: nav-dropdown-nested-color }n.uk-nav-dropdown ul a:hover { color: nav-dropdown-nested-hover-color }nnn/ Modifier uk-nav-navbarn /nn/n Itemsn /nn.uk-nav-navbar > li > a {n color: nav-navbar-colorn .hook-nav-navbarn}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-nav-navbar > li > a:hover,n.uk-nav-navbar > li > a:focus { // 1n background: nav-navbar-hover-backgroundn color: nav-navbar-hover-colorn / 2 /n outline: nonen .hook-nav-navbar-hovern}nn/n Sub-object: uk-nav-headern /nn.uk-nav-navbar .uk-nav-header {n color: nav-navbar-header-colorn .hook-nav-navbar-headern}nn/n Sub-object: uk-nav-dividern /nn.uk-nav-navbar .uk-nav-divider {n border-top: nav-navbar-divider-border-width solid nav-navbar-divider-bordern .hook-nav-navbar-dividern}nn/n Nested itemsn /nn.uk-nav-navbar ul a { color: nav-navbar-nested-color }n.uk-nav-navbar ul a:hover { color: nav-navbar-nested-hover-color }nnn/ Modifier uk-nav-offcanvasn /nn/n Itemsn /nn.uk-nav-offcanvas > li > a {n color: nav-offcanvas-colorn padding: nav-offcanvas-padding-vertical nav-offcanvas-padding-horizontaln .hook-nav-offcanvasn}nn/n Hovern No hover on touch devices because it behaves buggy in fixed offcanvasn 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-nav-offcanvas > .uk-open > a,nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { // 1n background: nav-offcanvas-hover-backgroundn color: nav-offcanvas-hover-colorn / 2 /n outline: nonen .hook-nav-offcanvas-hovern}nn/n Activen html .uk-nav needed for higher specificity to override hovern /nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {n background: nav-offcanvas-active-backgroundn color: nav-offcanvas-active-colorn .hook-nav-offcanvas-activen}nn/n Sub-object: uk-nav-headern /nn.uk-nav-offcanvas .uk-nav-header {n color: nav-offcanvas-header-colorn .hook-nav-offcanvas-headern}nn/n Sub-object: uk-nav-dividern /nn.uk-nav-offcanvas .uk-nav-divider {n border-top: nav-offcanvas-divider-border-width solid nav-offcanvas-divider-bordern .hook-nav-offcanvas-dividern}nn/n Nested itemsn No hover on touch devices because it behaves buggy in fixed offcanvasn /nn.uk-nav-offcanvas ul a { color: nav-offcanvas-nested-color }nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: nav-offcanvas-nested-hover-color }nnn// Hooksn// nn.hook-nav-miscnn.hook-nav-header() {}n.hook-nav-divider() {}n.hook-nav-sub() {}n.hook-nav-parent-icon() {}nn.hook-nav-side() {}n.hook-nav-side-hover() {}n.hook-nav-side-active() {}n.hook-nav-side-header() {}n.hook-nav-side-divider() {}nn.hook-nav-dropdown() {}n.hook-nav-dropdown-hover() {}n.hook-nav-dropdown-header() {}n.hook-nav-dropdown-divider() {}nn.hook-nav-navbar() {}n.hook-nav-navbar-hover() {}n.hook-nav-navbar-header() {}n.hook-nav-navbar-divider() {}nn.hook-nav-offcanvas() {}n.hook-nav-offcanvas-hover() {}n.hook-nav-offcanvas-active() {}n.hook-nav-offcanvas-header() {}n.hook-nav-offcanvas-divider() {}nn.hook-nav-misc() {}n// Name: Navbarn// Description: Defines styles for the navigation barn//n// Component: uk-navbarn//n// Sub-objects: uk-navbar-navn// uk-navbar-nav-subtitlen// uk-navbar-contentn// uk-navbar-brandn// uk-navbar-togglen// uk-navbar-toggle-altn// uk-navbar-centern// uk-navbar-flipn//n// Modifiers: uk-navbar-attachedn//n// States: uk-activen// uk-parentn// uk-openn//n// Used by: Dropdownn//n// Markup:n//n// n// n// n//

n//

n//

n//

n//n// nnn// Variablesn// nnnavbar-background: eeennavbar-color: 444nnavbar-link-color: 07Dnnavbar-link-hover-color: 059nnnavbar-nav-height: 40pxnnavbar-nav-line-height: navbar-nav-heightnnavbar-nav-padding-horizontal: 15pxnnavbar-nav-color: 444nnavbar-nav-font-size: 14pxnnavbar-nav-font-weight: normalnnavbar-nav-font-family: “Helvetica Neue”, Helvetica, Arial, sans-serifnnavbar-nav-hover-background: f5f5f5nnavbar-nav-hover-color: 444nnavbar-nav-onclick-background: dddnnavbar-nav-onclick-color: 444nnavbar-nav-active-background: f5f5f5nnavbar-nav-active-color: 444nnavbar-nav-subtitle-font-size: 10pxnnavbar-nav-subtitle-offset: 2pxnnnavbar-brand-font-size: 18pxnnavbar-brand-color: 444nnavbar-brand-hover-color: 444nnnavbar-toggle-font-size: 18pxnnavbar-toggle-color: 444nnavbar-toggle-hover-color: 444nnavbar-toggle-icon: “f0c9″nnavbar-toggle-icon-alt: “f002″nnn/ n Component: Navbarn /nn.uk-navbar {n background: navbar-backgroundn color: navbar-colorn .hook-navbarn}nn/n Micro clearfixn /nn.uk-navbar:before,n.uk-navbar:after {n content: “n display: tablen}nn.uk-navbar:after { clear: both }nnn/ Sub-object: uk-navbar-navn /nn.uk-navbar-nav {n margin: 0n padding: 0n list-style: nonen float: leftn}nn/n 1. Create position context for dropdownsn /nn.uk-navbar-nav > li {n float: leftn / 1 /n position: relativen}nn/n 1. Dimensionsn 2. Stylen /nn.uk-navbar-nav > li > a {n display: blockn box-sizing: border-boxn text-decoration: nonen / 1 /n height: navbar-nav-heightn padding: 0 navbar-nav-padding-horizontaln line-height: navbar-nav-line-heightn / 2 /n color: navbar-nav-colorn font-size: navbar-nav-font-sizen font-family: navbar-nav-font-familyn font-weight: navbar-nav-font-weightn .hook-navbar-navn}nn/ Appear not as link /n.uk-navbar-nav > li > a[href”] { cursor: text }nn/n Hovern 1. Apply hover style also to focus staten 2. Also apply if dropdown is openedn 3. Remove default focus stylen /nn.uk-navbar-nav > li:hover > a,n.uk-navbar-nav > li > a:focus, // 1n.uk-navbar-nav > li.uk-open > a { // 2n background-color: navbar-nav-hover-backgroundn color: navbar-nav-hover-colorn / 3 /n outline: nonen .hook-navbar-nav-hovern}nn/ OnClick /n.uk-navbar-nav > li > a:active {n background-color: navbar-nav-onclick-backgroundn color: navbar-nav-onclick-colorn .hook-navbar-nav-onclickn}nn/ Active /n.uk-navbar-nav > li.uk-active > a {n background-color: navbar-nav-active-backgroundn color: navbar-nav-active-colorn .hook-navbar-nav-activen}nnn/ Sub-objects: uk-navbar-nav-subtitlen /nn.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: navbar-nav-line-height – navbar-nav-subtitle-font-size – navbar-nav-subtitle-offset }nn.uk-navbar-nav-subtitle > div {n margin-top: ((navbar-nav-line-height – navbar-nav-subtitle-font-size – navbar-nav-font-size) / -2) navbar-nav-subtitle-offsetn font-size: navbar-nav-subtitle-font-sizen line-height: navbar-nav-subtitle-font-size navbar-nav-subtitle-offsetn}nnn/ Sub-objects: uk-navbar-content, uk-navbar-brand, uk-navbar-togglen /nn/n Imitate navbar itemsn /nn.uk-navbar-content,n.uk-navbar-brand,n.uk-navbar-toggle {n box-sizing: border-boxn display: blockn height: navbar-nav-heightn padding: 0 navbar-nav-padding-horizontaln float: leftn .hook-navbar-contentn}nn/n Helper to center all child elements verticallyn /nn.uk-navbar-content:before,n.uk-navbar-brand:before,n.uk-navbar-toggle:before {n content: ”n display: inline-blockn height: 100%n vertical-align: middlen}nnn/ Sub-objects: uk-navbar-contentn /nn/n Better sibling spacingn /nn.uk-navbar-content .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0 }nn/n Link colorsn /nn.uk-navbar-content > a:not([class]) { color: navbar-link-color }n.uk-navbar-content > a:not([class]):hover { color: navbar-link-hover-color }nnn/ Sub-objects: uk-navbar-brandn /nn.uk-navbar-brand {n font-size: navbar-brand-font-sizen color: navbar-brand-colorn text-decoration: nonen}nn/n 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-navbar-brand:hover,n.uk-navbar-brand:focus { // 1n color: navbar-brand-hover-colorn text-decoration: nonen / 2 /n outline: nonen}nnn/ Sub-object: uk-navbar-togglen /nn.uk-navbar-toggle {n font-size: navbar-toggle-font-sizen color: navbar-toggle-colorn text-decoration: nonen}nn/n 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-navbar-toggle:hover,n.uk-navbar-toggle:focus { // 1n color: navbar-toggle-hover-colorn text-decoration: nonen / 2 /n outline: nonen}nn/n 1. Center icon verticallyn /nn.uk-navbar-toggle:after {n content: navbar-toggle-iconn font-family: FontAwesomen / 1 /n vertical-align: middlen}nn.uk-navbar-toggle-alt:after { content: navbar-toggle-icon-alt }nnn/ Sub-object: uk-navbar-centern /nn/n The element with this class needs to be last child in the navbarn 1. This hack is needed because other float elements shift centered textn /nn.uk-navbar-center {n float: nonen text-align: centern / 1 /n max-width: 50%n margin-left: auton margin-right: auton}nnn/ Sub-object: uk-navbar-flipn /nn.uk-navbar-flip { float: right }nnn// Hooksn// nn.hook-navbar-miscnn.hook-navbar() {}n.hook-navbar-nav() {}n.hook-navbar-nav-hover() {}n.hook-navbar-nav-onclick() {}n.hook-navbar-nav-active() {}n.hook-navbar-content() {}n.hook-navbar-misc() {}n// Name: Subnavn// Description: Defines styles for the sub navigationn//n// Component: uk-subnavn//n// Modifiers: uk-subnav-linen// uk-subnav-pilln//n// States: uk-activen//n// Markup:n//n// n// n//

n//

n//n// nnn// Variablesn// nnsubnav-margin-horizontal: 10pxnsubnav-margin-vertical: subnav-margin-horizontalnnsubnav-color: 444nsubnav-hover-color: 07Dnsubnav-hover-text-decoration: nonensubnav-active-color: 07Dnnsubnav-line-border-height: 10pxnsubnav-line-border: dddnsubnav-line-border-width: 1pxnnsubnav-pill-padding-vertical: 3pxnsubnav-pill-padding-horizontal: 9pxnsubnav-pill-hover-background: eeensubnav-pill-hover-color: 444nsubnav-pill-active-background: 00a8e6nsubnav-pill-active-color: fffnnsubnav-disabled-color: 999nnn/ n Component: Subnavn /nn/n 1. Guttern 2. Remove default list stylen /nn.uk-subnav {n display: -ms-flexboxn display: -webkit-flexn display: flexn -ms-flex-wrap: wrapn -webkit-flex-wrap: wrapn flex-wrap: wrapn / 1 /n margin-left: -subnav-margin-horizontaln margin-top: -subnav-margin-verticaln / 2 /n padding: 0n list-style: nonen}nn/n 1. Space is allocated solely based on content dimensionsn 2. Horizontal gutter is using padding so uk-width- classes can be appliedn 3. Create position context for dropdownsn /nn.uk-subnav > {n / 1 /n -ms-flex: nonen -webkit-flex: nonen flex: nonen / 2 /n padding-left: subnav-margin-horizontaln margin-top: subnav-margin-verticaln / 3 /n position: relativen}nn/n DEPRECATED IE9 Supportn /nn.uk-subnav:before,n.uk-subnav:after {n content: “n display: blockn overflow: hiddenn}nn.uk-subnav:after { clear: both }nn.uk-subnav > { float: left }nnn/ Itemsn /nn.uk-subnav > > {n display: inline-blockn color: subnav-colorn .hook-subnavn}nn/n Hovern 1. Apply hover style also to focus staten /nn.uk-subnav > > :hover,n.uk-subnav > > :focus { // 1n color: subnav-hover-colorn text-decoration: subnav-hover-text-decorationn .hook-subnav-hovern}nn/n Activen /nn.uk-subnav > .uk-active > {n color: subnav-active-colorn .hook-subnav-activen}nnn/ Modifier: ‘subnav-line’n /nn.uk-subnav-line > :before {n content: “n display: inline-blockn height: subnav-line-border-heightn vertical-align: middlen}nn.uk-subnav-line > :nth-child(n2):before {n margin-right: subnav-margin-horizontaln border-left: subnav-line-border-width solid subnav-line-bordern .hook-subnav-line-dividern}nnn/ Modifier: ‘subnav-pill’n /nn.uk-subnav-pill > > {n padding: subnav-pill-padding-vertical subnav-pill-padding-horizontaln .hook-subnav-pilln}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-subnav-pill > > :hover,n.uk-subnav-pill > > :focus { // 1n background: subnav-pill-hover-backgroundn color: subnav-pill-hover-colorn text-decoration: nonen / 2 /n outline: nonen .hook-subnav-pill-hovern}nn/n Activen li needed for higher specificity to override hovern /nn.uk-subnav-pill > .uk-active > {n background: subnav-pill-active-backgroundn color: subnav-pill-active-colorn .hook-subnav-pill-activen}nnn/ Disabled staten /nn.uk-subnav > .uk-disabled > {n background: nonen color: subnav-disabled-colorn text-decoration: nonen cursor: textn .hook-subnav-disabledn}nnn// Hooksn// nn.hook-subnav-miscnn.hook-subnav() {}n.hook-subnav-hover() {}n.hook-subnav-active() {}n.hook-subnav-line-divider() {}n.hook-subnav-pill() {}n.hook-subnav-pill-hover() {}n.hook-subnav-pill-active() {}n.hook-subnav-disabled() {}n.hook-subnav-misc() {}n// Name: Breadcrumbn// Description: Defines styles for a breadcrumb navigationn//n// Component: uk-breadcrumbn//n// States: uk-activen//n// Markup:n//n// n// n//

n//

n//

n//

n//n// nnn// Variablesn// nnbreadcrumb-font-size: 1remnnbreadcrumb-divider: “/”nbreadcrumb-divider-margin: 8pxnbreadcrumb-disabled-color: 999nnn/ n Component: Breadcrumbn /nn/n 1. Remove default list stylen 2. Remove whitespace between child elements when using inline-blockn /nn.uk-breadcrumb {n / 1 /n padding: 0n list-style: nonen / 2 /n font-size: 0.001pxn .hook-breadcrumbn}nnn/ Itemsn /nn/n Reset whitespace hackn /nn.uk-breadcrumb > li {n font-size: breadcrumb-font-sizen vertical-align: topn}nn.uk-breadcrumb > li,n.uk-breadcrumb > li > a,n.uk-breadcrumb > li > span { display: inline-block }nn.uk-breadcrumb > li:nth-child(n2):before {n content: breadcrumb-dividern display: inline-blockn margin: 0 breadcrumb-divider-marginn .hook-breadcrumb-dividern}nn/n Disabledn /nn.uk-breadcrumb > li:not(.uk-active) > span { color: breadcrumb-disabled-color }nnn// Hooksn// nn.hook-breadcrumb-miscnn.hook-breadcrumb() {}n.hook-breadcrumb-divider() {}n.hook-breadcrumb-misc() {}n// Name: Paginationn// Description: Defines styles for a navigation between pagesn//n// Component: uk-paginationn//n// Sub-objects: uk-pagination-previousn// uk-pagination-nextn//n// Modifiers: uk-pagination-leftn// uk-pagination-rightn//n// States: uk-activen// uk-disabledn//n// Markup:n//n// n// n//

n//

n//

n//n// nnn// Variablesn// nnpagination-font-size: 1remnpagination-margin-left: 5pxnpagination-padding-vertical: 3pxnpagination-padding-horizontal: 5pxnpagination-line-height: 20pxnpagination-background: eeenpagination-color: 444npagination-hover-background: f5f5f5npagination-hover-color: 444npagination-onclick-background: dddnpagination-onclick-color: 444nnpagination-active-background: 00a8e6npagination-active-color: fffnnpagination-disabled-background: f5f5f5npagination-disabled-color: 999nnn/ n Component: Paginationn /nn/n 1. Remove default list stylen 2. Center pagination by defaultn 3. Remove whitespace between child elements when using inline-blockn /nn.uk-pagination {n / 1 /n padding: 0n list-style: nonen / 2 /n text-align: centern / 3 /n font-size: 0.001pxn}nn/n Micro clearfixn Needed if uk-pagination-previous or uk-pagination-next sub-objects are usedn /nn.uk-pagination:before,n.uk-pagination:after {n content: “n display: tablen}nn.uk-pagination:after { clear: both }nnn/ Itemsn /nn/n 1. Reset whitespace hackn 2. Remove the gap at the bottom of it containern /nn.uk-pagination > li {n display: inline-blockn / 1 /n font-size: pagination-font-sizen / 2 /n vertical-align: topn}nn.uk-pagination > li:nth-child(n2) { margin-left: pagination-margin-left }nn/n 1. Makes pagination more robust against different box-sizing usen 2. Reset text-align to center if alignment modifier is usedn /nn.uk-pagination > li > a,n.uk-pagination > li > span {n display: inline-blockn min-width: pagination-line-height (2 pagination-padding-vertical) – (2 pagination-padding-horizontal)n padding: pagination-padding-vertical pagination-padding-horizontaln line-height: pagination-line-heightn text-decoration: nonen / 1 /n box-sizing: content-boxn / 2 /n text-align: centern .hook-pagination-itemn}nn/n Linksn /nn.uk-pagination > li > a {n background: pagination-backgroundn color: pagination-colorn .hook-pagination-linkn}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-pagination > li > a:hover,n.uk-pagination > li > a:focus { // 1n background-color: pagination-hover-backgroundn color: pagination-hover-colorn / 2 /n outline: nonen .hook-pagination-link-hovern}nn/ OnClick /n.uk-pagination > li > a:active {n background-color: pagination-onclick-backgroundn color: pagination-onclick-colorn .hook-pagination-link-activen}nn/n Activen /nn.uk-pagination > .uk-active > span {n background: pagination-active-backgroundn color: pagination-active-colorn .hook-pagination-activen}nn/n Disabledn /nn.uk-pagination > .uk-disabled > span {n background-color: pagination-disabled-backgroundn color: pagination-disabled-colorn .hook-pagination-disabledn}nnn/ Previous and next navigationn /nn.uk-pagination-previous { float: left }n.uk-pagination-next { float: right }nnn/ Alignment modifiersn /nn.uk-pagination-left { text-align: left }n.uk-pagination-right { text-align: right }nnn// Hooksn// nn.hook-pagination-miscnn.hook-pagination-item() {}n.hook-pagination-link() {}n.hook-pagination-link-hover() {}n.hook-pagination-link-active() {}n.hook-pagination-active() {}n.hook-pagination-disabled() {}n.hook-pagination-misc() {}n// Name: Tabn// Description: Defines styles for a tabbed navigationn//n// Component: uk-tabn//n// Modifiers: uk-tab-flipn// uk-tab-centern// uk-tab-gridn// uk-tab-bottomn// uk-tab-leftn// uk-tab-rightn// uk-tab-responsiven//n// States: uk-activen// uk-disabledn//n// Markup:n//n// n// n//

n//

n//

n//n// nnn// Variablesn// nntab-border: dddntab-border-width: 1pxntab-padding-horizontal: 12pxntab-padding-vertical: 8pxntab-padding-top: tab-padding-verticalntab-padding-bottom: tab-padding-verticalntab-margin-horizontal: 5pxntab-margin-vertical: 5pxntab-color: 07Dntab-hover-border: f5f5f5ntab-hover-background: f5f5f5ntab-hover-color: 059ntab-active-border: dddntab-active-background: fffntab-active-color: 444ntab-disabled-color: 999nnn/ n Component: Tabn /nn.uk-tab {n margin: 0n padding: 0n list-style: nonen border-bottom: tab-border-width solid tab-bordern}nn/n Micro clearfix on the deepest containern /nn.uk-tab:before,n.uk-tab:after {n content: “n display: tablen}nn.uk-tab:after { clear: both }nn/n Itemsn 1. Create position context for dropdownsn /nn.uk-tab > li {n margin-bottom: -tab-border-widthn float: leftn / 1 /n position: relativen}nn.uk-tab > li > a {n display: blockn padding: tab-padding-top tab-padding-horizontal tab-padding-bottom tab-padding-horizontaln border: tab-border-width solid transparentn border-bottom-width: 0n color: tab-colorn text-decoration: nonen .hook-tabn}nn.uk-tab > li:nth-child(n2) > a { margin-left: tab-margin-horizontal }nn/n Hovern 1. Apply hover style also to focus staten 2. Also apply if dropdown is openedn 3. Remove default focus stylen /nn.uk-tab > li > a:hover,n.uk-tab > li > a:focus, // 1n.uk-tab > li.uk-open > a { // 2n border-color: tab-hover-bordern background: tab-hover-backgroundn color: tab-hover-colorn / 2 /n outline: nonen .hook-tab-hovern}nn.uk-tab > li:not(.uk-active) > a:hover,n.uk-tab > li:not(.uk-active) > a:focus,n.uk-tab > li.uk-open:not(.uk-active) > a {n margin-bottom: tab-border-widthn padding-bottom: tab-padding-bottom – tab-border-widthn}nn/ Active /n.uk-tab > li.uk-active > a {n border-color: tab-active-bordern border-bottom-color: transparentn background: tab-active-backgroundn color: tab-active-colorn .hook-tab-activen}nn/ Disabled /n.uk-tab > li.uk-disabled > a {n color: tab-disabled-colorn cursor: textn .hook-tab-disabledn}nn.uk-tab > li.uk-disabled > a:hover,n.uk-tab > li.uk-disabled > a:focus,n.uk-tab > li.uk-disabled.uk-active > a {n background: nonen border-color: transparentn}nnn/ Modifier: ‘tab-flip’n /nn.uk-tab-flip > li { float: right }nn.uk-tab-flip > li:nth-child(n2) > a {n margin-left: 0n margin-right: tab-margin-horizontaln}nnn/ Modifier: ‘tab-responsive’n /nn.uk-tab > li.uk-tab-responsive > a {n margin-left: 0n margin-right: 0n}nn/n Iconn /nn.uk-tab-responsive > a:before {n content: “f0c900a0″n font-family: FontAwesomen}nnn/ Modifier: ‘tab-center’n /nn.uk-tab-center { border-bottom: tab-border-width solid tab-border }nn.uk-tab-center-bottom {n border-bottom: nonen border-top: tab-border-width solid tab-bordern}nn.uk-tab-center:before,n.uk-tab-center:after {n content: “n display: tablen}nn.uk-tab-center:after { clear: both }nnn/n 1. Using right to prevent vertical scrollbar caused by centering if to many tabsn /nn.uk-tab-center .uk-tab {n position: relativen right: 50%n border: nonen float: rightn}nn.uk-tab-center .uk-tab > li {n position: relativen right: -50%n}nn.uk-tab-center .uk-tab > li > a { text-align: center }nnn/ Modifier: ‘tab-bottom’n /nn.uk-tab-bottom {n border-top: tab-border-width solid tab-bordern border-bottom: nonen}nn.uk-tab-bottom > li {n margin-top: -tab-border-widthn margin-bottom: 0n}nn.uk-tab-bottom > li > a {n padding-top: tab-padding-bottomn padding-bottom: tab-padding-topn border-bottom-width: tab-border-widthn border-top-width: 0n}nn.uk-tab-bottom > li:not(.uk-active) > a:hover,n.uk-tab-bottom > li:not(.uk-active) > a:focus,n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {n margin-bottom: 0n margin-top: tab-border-widthn padding-bottom: tab-padding-topn padding-top: tab-padding-bottom – tab-border-widthn}nn.uk-tab-bottom > li.uk-active > a {n border-top-color: transparentn border-bottom-color: tab-active-bordern}nnn/ Modifier: ‘tab-grid’n /nn/n 1. Create position context to prevent hidden border because of negative z-indexn /nn.uk-tab-grid {n margin-left: -tab-margin-horizontaln border-bottom: nonen / 1 /n position: relativen z-index: 0n}nn.uk-tab-grid:before {n display: blockn position: absoluten left: tab-margin-horizontaln right: 0n bottom: -tab-border-widthn border-top: tab-border-width solid tab-bordern / 1 /n z-index: -1n}nn.uk-tab-grid > li:first-child > a { margin-left: tab-margin-horizontal }nn.uk-tab-grid > li > a { text-align: center }nn/n If uk-tab-bottomn /nn.uk-tab-grid.uk-tab-bottom { border-top: none }n.uk-tab-grid.uk-tab-bottom:before {n top: -tab-border-widthn bottom: auton}nnn/ Modifier: ‘tab-left’, ‘tab-right’n /nn/ Tablet and bigger /nmedia (min-width: breakpoint-medium) {nn .uk-tab-left,n .uk-tab-right { border-bottom: none }nn .uk-tab-left > li,n .uk-tab-right > li {n margin-bottom: 0n float: nonen }nn .uk-tab-left > li > a,n .uk-tab-right > li > a {n padding-top: tab-padding-verticaln padding-bottom: tab-padding-verticaln }nn .uk-tab-left > li:nth-child(n2) > a,n .uk-tab-right > li:nth-child(n2) > a {n margin-left: 0n margin-top: tab-margin-verticaln }nn .uk-tab-left > li.uk-active > a,n .uk-tab-right > li.uk-active > a { border-color: tab-active-border }nn /n Modifier: ‘tab-left’n /nn .uk-tab-left { border-right: tab-border-width solid tab-border }n .uk-tab-left > li { margin-right: -tab-border-width }n .uk-tab-left > li > a {n border-bottom-width: tab-border-widthn border-right-width: 0n }n .uk-tab-left > li:not(.uk-active) > a:hover,n .uk-tab-left > li:not(.uk-active) > a:focus {n margin-bottom: 0n margin-right: tab-border-widthn padding-bottom: tab-padding-verticaln padding-right: tab-padding-horizontal – tab-border-widthn }n .uk-tab-left > li.uk-active > a { border-right-color: transparent }nn /n Modifier: ‘tab-right’n /nn .uk-tab-right { border-left: tab-border-width solid tab-border }n .uk-tab-right > li { margin-left: -tab-border-width }n .uk-tab-right > li > a {n border-bottom-width: tab-border-widthn border-left-width: 0n }n .uk-tab-right > li:not(.uk-active) > a:hover,n .uk-tab-right > li:not(.uk-active) > a:focus {n margin-bottom: 0n margin-left: tab-border-widthn padding-bottom: tab-padding-verticaln padding-left: tab-padding-horizontal – tab-border-widthn }n .uk-tab-right > li.uk-active > a { border-left-color: transparent }nn}nnn// Hooksn// nn.hook-tab-miscnn.hook-tab() {}n.hook-tab-hover() {}n.hook-tab-active() {}n.hook-tab-disabled() {}n.hook-tab-misc() {}n// Name: Thumbnavn// Description: Defines styles for a thumbnail navigationn//n// Component: uk-thumbnavn//n// States: uk-activen//n// Markup:n//n// n// n//

n//

n//

n//n// nnn// Variablesn// nnthumbnav-margin-horizontal: 10pxnthumbnav-margin-vertical: thumbnav-margin-horizontalnnthumbnav-background: fffnnthumbnav-opacity: 0.7nthumbnav-hover-opacity: 1nthumbnav-active-opacity: 1nnn/ n Component: Thumbnavn /nn/n 1. Guttern 2. Remove default list stylen /nn.uk-thumbnav {n display: -ms-flexboxn display: -webkit-flexn display: flexn -ms-flex-wrap: wrapn -webkit-flex-wrap: wrapn flex-wrap: wrapn / 1 /n margin-left: -thumbnav-margin-horizontaln margin-top: -thumbnav-margin-verticaln / 2 /n padding: 0n list-style: nonen}nn/n 1. Space is allocated solely based on content dimensionsn 2. Horizontal gutter is using padding so uk-width- classes can be appliedn /nn.uk-thumbnav > {n / 1 /n -ms-flex: nonen -webkit-flex: nonen flex: nonen / 2 /n padding-left: thumbnav-margin-horizontaln margin-top: thumbnav-margin-verticaln}nn/n DEPRECATED IE9 Supportn /nn.uk-thumbnav:before,n.uk-thumbnav:after {n content: “n display: blockn overflow: hiddenn}nn.uk-thumbnav:after { clear: both }nn.uk-thumbnav > { float: left }nnn/ Itemsn /nn.uk-thumbnav > > {n display: blockn background: thumbnav-backgroundn .hook-thumbnavn}nn.uk-thumbnav > > > img {n opacity: thumbnav-opacityn -webkit-transition: opacity 0.15s linearn transition: opacity 0.15s linearn}nn/n Hovern /nn.uk-thumbnav > > :hover > img,n.uk-thumbnav > > :focus > img { opacity: thumbnav-hover-opacity }nn/n Activen /nn.uk-thumbnav > .uk-active > > img { opacity: thumbnav-active-opacity }nnn// Hooksn// nn.hook-thumbnav-miscnn.hook-thumbnav() {}n.hook-thumbnav-misc() {}nn// Elementsn// Name: Listn// Description: Defines styles for ordered and unordered listsn//n// Component: uk-listn//n// Modifiers: uk-list-linen// uk-list-stripedn// uk-list-spacen//n// nnn// Variablesn// nnlist-nested-padding-left: 20pxnnlist-line-margin-top: 5pxnlist-line-border: dddnlist-line-border-width: 1pxnnlist-striped-padding-vertical: 5pxnlist-striped-padding-horizontal: 5pxnlist-striped-background: f5f5f5nnlist-space-margin-top: 10pxnnn/ n Component: Listn /nn.uk-list {n padding: 0n list-style: nonen}nn/n Micro clearfix to make list more robustn /nn.uk-list > li:before,n.uk-list > li:after {n content: “n display: tablen}nn.uk-list > li:after { clear: both }nn/n Remove margin from the last-childn /nn.uk-list > li > :last-child { margin-bottom: 0 }nn/n Nested listsn /nn.uk-list ul {n margin: 0n padding-left: list-nested-padding-leftn list-style: nonen}nnn/ Modifier: uk-list-linen /nn.uk-list-line > li:nth-child(n2) {n margin-top: list-line-margin-topn padding-top: list-line-margin-topn border-top: list-line-border-width solid list-line-bordern .hook-list-linen}nnn/ Modifier: uk-list-stripedn /nn.uk-list-striped > li {n padding: list-striped-padding-vertical list-striped-padding-horizontaln .hook-list-stripedn}nn.uk-list-striped > li:nth-of-type(odd) { background: list-striped-background }nnn/ Modifier: uk-list-spacen /nn.uk-list-space > li:nth-child(n2) { margin-top: list-space-margin-top }nnn// Hooksn// nn.hook-list-miscnn.hook-list-line() {}n.hook-list-striped() {}n.hook-list-misc() {}n// Name: Description listn// Description: Defines styles for description listsn//n// Component: uk-description-listn//n// Modifiers: uk-description-list-horizontaln// uk-description-list-linen//n// nnn// Variablesn// nndescription-list-horizontal-width: 160pxndescription-list-horizontal-margin-left: 180pxnndescription-list-line-margin-top: 5pxndescription-list-line-border-width: 1pxndescription-list-line-border: dddndescription-list-line-color: 999nndescription-list-line-font-weight: normalnnn/ n Component: Description listn /nnn/ Modifier: uk-description-list-horizontaln /nn/ Tablet and bigger /nmedia (min-width: breakpoint-medium) {nn .uk-description-list-horizontal { overflow: hidden }nn .uk-description-list-horizontal > dt {n width: description-list-horizontal-widthn float: leftn clear: bothn overflow: hiddenn text-overflow: ellipsisn white-space: nowrapn }nn .uk-description-list-horizontal > dd { margin-left: description-list-horizontal-margin-left }n}nnn/ Modifier: uk-description-list-linen /nn.uk-description-list-line > dt { font-weight: description-list-line-font-weight }nn.uk-description-list-line > dt:nth-child(n2) {n margin-top: description-list-line-margin-topn padding-top: description-list-line-margin-topn border-top: description-list-line-border-width solid description-list-line-bordern}nn.uk-description-list-line > dd { color: description-list-line-color }nnn// Hooksn// nn.hook-description-list-miscnn.hook-description-list-misc() {}nn// Name: Tablen// Description: Defines styles for tablesn//n// Component: uk-tablen//n// Modifiers: uk-table-middlen// uk-table-stripedn// uk-table-condensedn// uk-table-hovern//n// States: uk-activen//n// nnn// Variablesn// nntable-margin-vertical: 15pxntable-padding-vertical: 8pxntable-padding-horizontal: 8pxnntable-caption-color: 999ntable-caption-font-size: 12pxnntable-striped-background: f5f5f5nntable-condensed-padding-vertical: 4pxntable-condensed-padding-horizontal: 8pxnntable-hover-background: EEEnntable-active-background: table-hover-backgroundnnn/ n Component: Tablen /nn/n 1. Remove most spacing between table cells.n 2. Block element behaviorn 3. Stylen /nn.uk-table {n / 1 /n border-collapse: collapsen border-spacing: 0n / 2 /n width: 100%n / 3 /n margin-bottom: table-margin-verticaln}nn/n Add margin if adjacent elementn /nn .uk-table { margin-top: table-margin-vertical }nn.uk-table th,n.uk-table td {n padding: table-padding-vertical table-padding-horizontaln .hook-tablen}nn/n Set alignmentn /nn.uk-table th { text-align: left }n.uk-table td { vertical-align: top }nn.uk-table thead th { vertical-align: bottom }nn/n Caption and footern /nn.uk-table caption,n.uk-table tfoot {n font-size: table-caption-font-sizen font-style: italicn}nn.uk-table caption {n text-align: leftn color: table-caption-colorn}nn/n Active Staten /nn.uk-table tbody tr.uk-active {n background: table-active-backgroundn .hook-table-activen}nnn/ Sub-modifier: uk-table-middlen /nn.uk-table-middle,n.uk-table-middle td { vertical-align: middle !important }nnn/ Modifier: uk-table-stripedn /nn.uk-table-striped tbody tr:nth-of-type(odd) {n background: table-striped-backgroundn .hook-table-stripedn}nnn/ Modifier: uk-table-condensedn /nn.uk-table-condensed td {n padding: table-condensed-padding-vertical table-condensed-padding-horizontaln .hook-table-condensedn}nnn/ Modifier: uk-table-hovern /nn.uk-table-hover tbody tr:hover {n background: table-hover-backgroundn .hook-table-hovern}nnnn// Hooksn// nn.hook-table-miscnn.hook-table() {}n.hook-table-active() {}n.hook-table-striped() {}n.hook-table-condensed() {}n.hook-table-hover() {}n.hook-table-misc() {}n// Name: Formn// Description: Defines styles for formsn//n// Component: uk-formn//n// Sub-objects: uk-form-rown// uk-form-help-inlinen// uk-form-help-blockn// uk-form-labeln// uk-form-controlsn// uk-form-controls-condensedn// uk-form-iconn//n// Modifiers: uk-form-stackedn// uk-form-horizontaln//n// Sub-modifiers: uk-form-dangern// uk-form-successn// uk-form-smalln// uk-form-largen// uk-form-blankn// uk-form-width-minin// uk-form-width-smalln// uk-form-width-mediumn// uk-form-width-largen// uk-form-controls-textn//n// Markup:n//n// n// n// n// n// n// n//

n//

n// n//n// nnn// Variablesn// nnform-height: 30pxnform-padding: 4px 6pxnform-border: dddnform-border-width: 1pxnform-background: fffnform-color: 444nnform-focus-border: 99bacanform-focus-background: f5fbfenform-focus-color: 444nnform-disabled-border: dddnform-disabled-background: f5f5f5nform-disabled-color: 999nnform-placeholder-color: 999nnform-gutter: 15pxnnform-legend-border: dddnform-legend-border-width: 1pxnform-legend-font-size: 18pxnform-legend-line-height: 30pxnnform-small-height: 25pxnform-large-height: 40pxnform-small-padding: 3px 3pxnform-large-padding: 8px 6pxnform-small-font-size: 12pxnform-large-font-size: 16pxnnform-danger-border: dc8d99nform-danger-background: fff7f8nform-danger-color: d85030nnform-success-border: 8ec73bnform-success-background: fafff2nform-success-color: 659f13nnform-blank-border: dddnform-blank-border-style: dashednnform-mini-width: 40pxnform-small-width: 130pxnform-medium-width: 200pxnform-large-width: 500pxnnform-help-inline-margin-left: 10pxnform-help-block-margin-top: 5pxnnform-controls-condensed-margin-vertical: 5pxnnform-stacked-margin-bottom: 5pxnform-stacked-font-weight: boldnnform-horizontal-label-width: 200pxnform-horizontal-label-margin-top: 5pxnform-horizontal-controls-margin-left: 215pxnform-horizontal-controls-text-padding-top: 5pxnnform-icon-width: 30pxnform-icon-font-size: 14pxnform-icon-color: 999nnn/ n Component: Formn /nn/n 1. Define consistent box sizing.n Default is content-box with following exceptions set to border-boxn button, select, input[type”checkbox”] and input[type”radio”]n input[type”search”] in Chrome, Safari and Operan input[type”color”] in Firefoxn 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.n 3. Remove border-radius in iOS.n 4. Correct font properties and color not being inherited.n /nn.uk-form input,n.uk-form select,n.uk-form textarea {n / 1 /n box-sizing: border-boxn / 2 /n margin: 0n / 3 /n border-radius: 0n / 4 /n font: inheritn color: inheritn}nn/n Address inconsistent text-transform inheritance which is only inherit in Firefoxn /nn.uk-form select { text-transform: none }nn/n 1. Correct font properties not being inherited.n 2. Don’t inherit the font-weight and use bold instead.n NOTE: Both declarations don’t work in Chrome, Safari and Opera.n /nn.uk-form optgroup {n / 1 /n font: inheritn / 2 /n font-weight: boldn}nn/n Removes inner padding and border in Firefox 4.n /nn.uk-form input::-moz-focus-inner {n border: 0n padding: 0n}nn/n Removes excess padding in IE 8/9/10.n /nn.uk-form input[type”checkbox”],n.uk-form input[type”radio”] { padding: 0 }nn/n Improves consistency of cursor style for clickable elementsn /nn.uk-form input[type”checkbox”]:not(:disabled),n.uk-form input[type”radio”]:not(:disabled) { cursor: pointer }nn/n Remove default style in iOS.n /nn.uk-form textarea,n.uk-form input:not([type]),n.uk-form input[type”text”],n.uk-form input[type”password”],n.uk-form input[type”email”],n.uk-form input[type”url”],n.uk-form input[type”search”],n.uk-form input[type”tel”],n.uk-form input[type”number”],n.uk-form input[type”datetime”] { -webkit-appearance: none }nn/n Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.n /nn.uk-form input[type”search”]::-webkit-search-cancel-button,n.uk-form input[type”search”]::-webkit-search-decoration { -webkit-appearance: none }nn/n Fix the cursor style for Chrome’s increment/decrement buttons. For certainn font-size values of the input, it causes the cursor style of then decrement button to change from default to text.n /nn.uk-form input[type”number”]::-webkit-inner-spin-button,n.uk-form input[type”number”]::-webkit-outer-spin-button { height: auto }nn/n Define consistent border, margin, and padding.n /nn.uk-form fieldset {n border: nonen margin: 0n padding: 0n}nn/n 1. Remove default vertical scrollbar in IE 8/9/10/11.n 2. Improve readability and alignment in all browsers.n /nn.uk-form textarea {n / 1 /n overflow: auton / 2 /n vertical-align: topn}nn/n Removes placeholder transparency in Firefox.n /nn.uk-form ::-moz-placeholder { opacity: 1 }nn/n Removes box-shadow for invalid controls in Firefox.n /nn.uk-form :invalid { box-shadow: none }nn/n Vertical alignmentn /nn.uk-form input:not([type”radio”]):not([type”checkbox”]),n.uk-form select { vertical-align: middle }nnn/ Stylen /nn/n Remove margin from the last-childn /nn.uk-form > :last-child { margin-bottom: 0 }nn/n Controlsn Except for range, radio, checkbox, file, submit, reset, button and imagen 1. Must be height because min-height is not working in OSXn 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewportsn 3. Vertical padding needed for select elements in Firefoxn 4. Stylen /nn.uk-form select,n.uk-form textarea,n.uk-form input:not([type]),n.uk-form input[type”text”],n.uk-form input[type”password”],n.uk-form input[type”datetime”],n.uk-form input[type”datetime-local”],n.uk-form input[type”date”],n.uk-form input[type”month”],n.uk-form input[type”time”],n.uk-form input[type”week”],n.uk-form input[type”number”],n.uk-form input[type”email”],n.uk-form input[type”url”],n.uk-form input[type”search”],n.uk-form input[type”tel”],n.uk-form input[type”color”] {n / 1 /n height: form-heightn / 2 /n max-width: 100%n / 3 /n padding: form-paddingn / 4 /n border: form-border-width solid form-bordern background: form-backgroundn color: form-colorn -webkit-transition: all 0.2s linearn -webkit-transition-property: border, background, color, box-shadow, paddingn transition: all 0.2s linearn transition-property: border, background, color, box-shadow, paddingn .hook-formnn // Focus staten &:focus {n border-color: form-focus-bordern outline: 0n background: form-focus-backgroundn color: form-focus-colorn .hook-form-focusn }nn // Disabled staten &:disabled {n border-color: form-disabled-bordern background-color: form-disabled-backgroundn color: form-disabled-colorn .hook-form-disabledn }n}nn/n Placeholdern /nn.uk-form :-ms-input-placeholder { color: form-placeholder-color !important }n.uk-form ::-moz-placeholder { color: form-placeholder-color }n.uk-form ::-webkit-input-placeholder { color: form-placeholder-color }nn.uk-form :disabled:-ms-input-placeholder { color: form-disabled-color !important }n.uk-form :disabled::-moz-placeholder { color: form-disabled-color }n.uk-form :disabled::-webkit-input-placeholder { color: form-disabled-color }nn/n Legendn 1. Behave like block elementn 2. Correct color not being inherited in IE 8/9/10/11.n 3. Remove paddingn 4. margin-bottom is not working in Safari and Opera.n Using padding and :after instead to create the bordern 5. Stylen /nn.uk-form legend {n / 1 /n width: 100%n / 2 /n border: 0n / 3 /n padding: 0n / 4 /n padding-bottom: form-guttern / 5 /n font-size: form-legend-font-sizen line-height: form-legend-line-heightn .hook-form-legendn}nn/n 1. Fixes IE9n /nn.uk-form legend:after {n content: “n display: blockn border-bottom: form-legend-border-width solid form-legend-bordern / 1 /n width: 100%n}nnn/ Size modifiersn Higher specificity needed to override defaultsn /nnselect.uk-form-small,ntextarea.uk-form-small,ninput[type].uk-form-small,ninput:not([type]).uk-form-small {n height: form-small-heightn padding: form-small-paddingn font-size: form-small-font-sizen}nnselect.uk-form-large,ntextarea.uk-form-large,ninput[type].uk-form-large,ninput:not([type]).uk-form-large {n height: form-large-heightn padding: form-large-paddingn font-size: form-large-font-sizen}nnn/ Reset heightn Must be after size modifiersn /nn.uk-form textarea,n.uk-form select[multiple],n.uk-form select[size] { height: auto }nnn/ Validation statesn Using !important to keep the selector simplen /nn/n Error staten /nn.uk-form-danger {n border-color: form-danger-border !importantn background: form-danger-background !importantn color: form-danger-color !importantn .hook-form-dangern}nn/n Success staten /nn.uk-form-success {n border-color: form-success-border !importantn background: form-success-background !importantn color: form-success-color !importantn .hook-form-successn}nnn/ Style modifiersn Using !important to keep the selector simplen /nn/n Blank formn /nn.uk-form-blank {n border-color: transparent !importantn border-style: form-blank-border-style !importantn background: none !importantn .hook-form-blankn}nn.uk-form-blank:focus {n border-color: form-blank-border !importantn .hook-form-blank-focusn}nnn/ Size sub-modifiersn /nn/n Fixed widthsn Different widths for mini sized input and select elementsn /nninput.uk-form-width-mini { width: form-mini-width }nselect.uk-form-width-mini { width: (form-mini-width 25px) }n.uk-form-width-small { width: form-small-width }n.uk-form-width-medium { width: form-medium-width }n.uk-form-width-large { width: form-large-width }nnn/ Sub-objects: uk-form-rown Groups labels and controls in rowsn /nn/n Micro clearfixn Needed for uk-form-horizontal modifiern /nn.uk-form-row:before,n.uk-form-row:after {n content: “n display: tablen}nn.uk-form-row:after { clear: both }nn/n Vertical guttern /nn.uk-form-row .uk-form-row { margin-top: form-gutter }nnn/ Help textn Sub-object: uk-form-help-inline, uk-form-help-blockn /nn.uk-form-help-inline {n display: inline-blockn margin: 0 0 0 form-help-inline-margin-leftn}nn.uk-form-help-block { margin: form-help-block-margin-top 0 0 0 }nnn/ Controls contentn Sub-object: uk-form-controls, uk-form-controls-condensedn /nn/n Remove marginsn /nn.uk-form-controls > :first-child { margin-top: 0 }n.uk-form-controls > :last-child { margin-bottom: 0 }nn/n Group controls and text into blocks with a small spacing between blocksn /nn.uk-form-controls-condensed { margin: form-controls-condensed-margin-vertical 0 }nnn/ Modifier: uk-form-stackedn Requires sub-object: uk-form-labeln /nn.uk-form-stacked .uk-form-label {n display: blockn margin-bottom: form-stacked-margin-bottomn font-weight: form-stacked-font-weightn .hook-form-stacked-labeln}nnn/ Modifier: uk-form-horizontaln Requires sub-objects: uk-form-label, uk-form-controlsn /nn/ Tablet portrait and smaller /nmedia (max-width: breakpoint-medium-max) {nn / Behave like uk-form-stacked /n .uk-form-horizontal .uk-form-label {n display: blockn margin-bottom: form-stacked-margin-bottomn font-weight: form-stacked-font-weightn .hook-form-stacked-labeln }nn}nn/ Desktop and bigger /nmedia (min-width: breakpoint-large) {nn .uk-form-horizontal .uk-form-label {n width: form-horizontal-label-widthn margin-top: form-horizontal-label-margin-topn float: leftn .hook-form-horizontal-labeln }nn .uk-form-horizontal .uk-form-controls { margin-left: form-horizontal-controls-margin-left }nn / Better vertical alignment if controls are checkboxes and radio buttons with text /n .uk-form-horizontal .uk-form-controls-text { padding-top: form-horizontal-controls-text-padding-top }nn}nnn/ Sub-object: uk-form-iconn /nn/n 1. Container width fits its contentn 2. Create position contextn 3. Prevent inline-block consequencesn /nn.uk-form-icon {n / 1 /n display: inline-blockn / 2 /n position: relativen / 3 /n max-width: 100%n}nn/n 1. Make form element clickable through iconn /nn.uk-form-icon > [class’uk-icon-‘] {n position: absoluten top: 50%n width: form-icon-widthn margin-top: round(form-icon-font-size / -2)n font-size: form-icon-font-sizen color: form-icon-colorn text-align: centern / 1 /n pointer-events: nonen}nn.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: form-icon-width !important }nn/n Sub-modifier: uk-form-icon-flipn /nn.uk-form-icon-flip > [class’uk-icon-‘] { right: 0 }n.uk-form-icon-flip > input { padding-right: form-icon-width !important }nnn// Hooksn// nn.hook-form-miscnn.hook-form() {}n.hook-form-focus() {}n.hook-form-disabled() {}n.hook-form-legend() {}n.hook-form-danger() {}n.hook-form-success() {}n.hook-form-blank() {}n.hook-form-blank-focus() {}n.hook-form-stacked-label() {}n.hook-form-horizontal-label() {}n.hook-form-misc() {}nnn// Commonn// Name: Buttonn// Description: Defines styles for buttonsn//n// Component: uk-buttonn//n// Sub-objects: uk-button-groupn// uk-button-dropdownn//n// Modifiers: uk-button-primaryn// uk-button-successn// uk-button-dangern// uk-button-linkn// uk-button-minin// uk-button-smalln// uk-button-largen//n// States: uk-activen//n// Markup:n//n// n// n// n// n//

n//n// n// n// n// n// n//

n//

n//

n//

n//n// nnn// Variablesn// nnbutton-height: 30pxnbutton-mini-height: 20pxnbutton-small-height: 25pxnbutton-large-height: 40pxnnbutton-line-height: 30pxnbutton-mini-line-height: 20pxnbutton-small-line-height: 25pxnbutton-large-line-height: 40pxnnbutton-mini-font-size: 11pxnbutton-small-font-size: 12pxnbutton-large-font-size: 16pxnnbutton-padding-horizontal: 12pxnbutton-mini-padding-horizontal: 6pxnbutton-small-padding-horizontal: 10pxnbutton-large-padding-horizontal: 15pxnnbutton-font-size: 1remnbutton-background: eeenbutton-color: 444nbutton-hover-background: f5f5f5nbutton-hover-color: 444nbutton-active-background: dddnbutton-active-color: 444nnbutton-primary-background: 00a8e6nbutton-primary-color: fffnbutton-primary-hover-background: 35b3eenbutton-primary-hover-color: fffnbutton-primary-active-background: 0091canbutton-primary-active-color: fffnnbutton-success-background: 8cc14cnbutton-success-color: fffnbutton-success-hover-background: 8ec73bnbutton-success-hover-color: fffnbutton-success-active-background: 72ae41nbutton-success-active-color: fffnnbutton-danger-background: da314bnbutton-danger-color: fffnbutton-danger-hover-background: e4354fnbutton-danger-hover-color: fffnbutton-danger-active-background: c91032nbutton-danger-active-color: fffnnbutton-disabled-background: f5f5f5nbutton-disabled-color: 999nnbutton-link-color: 07Dnbutton-link-hover-color: 059nbutton-link-hover-text-decoration: underlinenbutton-link-disabled-color: 999nnn/ n Component: Buttonn /nn/n Removes inner padding and border in Firefox 4.n /nn.uk-button::-moz-focus-inner {n border: 0n padding: 0n}nn/n 1. Correct inability to style clickable input types in iOS.n 2. Remove margins in Chrome, Safari and Opera.n 3. Remove borders for button.n 4. Address overflow set to hidden in IE 8/9/10/11.n 5. Correct font properties and color not being inherited for button.n 6. Address inconsistent text-transform inheritance which is only inherit in Firefox and IEn 7. Stylen 8. line-height is used to create a heightn 9. min-height is necessary for input elements in Firefox and Opera because line-height is not working.n 10. Reset button group whitespace hackn 11. Required for a.n /nn.uk-button {n / 1 /n -webkit-appearance: nonen / 2 /n margin: 0n / 3 /n border: nonen / 4 /n overflow: visiblen / 5 /n font: inheritn color: button-colorn / 6 /n text-transform: nonen / 7 /n display: inline-blockn box-sizing: border-boxn padding: 0 button-padding-horizontaln background: button-backgroundn vertical-align: middlen / 8 /n line-height: button-line-heightn / 9 /n min-height: button-heightn / 10 /n font-size: button-font-sizen / 11 /n text-decoration: nonen text-align: centern .hook-buttonn}nn.uk-button:not(:disabled) { cursor: pointer }nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen 3. Required for a elementsn /nn.uk-button:hover,n.uk-button:focus { // 1n background-color: button-hover-backgroundn color: button-hover-colorn / 2 /n outline: nonen / 3 /n text-decoration: nonen .hook-button-hovern}nn/ Active /n.uk-button:active,n.uk-button.uk-active {n background-color: button-active-backgroundn color: button-active-colorn .hook-button-activen}nnn/ Color modifiersn /nn/n Modifier: uk-button-primaryn /nn.uk-button-primary {n background-color: button-primary-backgroundn color: button-primary-colorn .hook-button-primaryn}nn/ Hover /n.uk-button-primary:hover,n.uk-button-primary:focus {n background-color: button-primary-hover-backgroundn color: button-primary-hover-colorn .hook-button-primary-hovern}nn/ Active /n.uk-button-primary:active,n.uk-button-primary.uk-active {n background-color: button-primary-active-backgroundn color: button-primary-active-colorn .hook-button-primary-activen}nn/n Modifier: uk-button-successn /nn.uk-button-success {n background-color: button-success-backgroundn color: button-success-colorn .hook-button-successn}nn/ Hover /n.uk-button-success:hover,n.uk-button-success:focus {n background-color: button-success-hover-backgroundn color: button-success-hover-colorn .hook-button-success-hovern}nn/ Active /n.uk-button-success:active,n.uk-button-success.uk-active {n background-color: button-success-active-backgroundn color: button-success-active-colorn .hook-button-success-activen}nn/n Modifier: uk-button-dangern /nn.uk-button-danger {n background-color: button-danger-backgroundn color: button-danger-colorn .hook-button-dangern}nn/ Hover /n.uk-button-danger:hover,n.uk-button-danger:focus {n background-color: button-danger-hover-backgroundn color: button-danger-hover-colorn .hook-button-danger-hovern}nn/ Active /n.uk-button-danger:active,n.uk-button-danger.uk-active {n background-color: button-danger-active-backgroundn color: button-danger-active-colorn .hook-button-danger-activen}nnn/ Disabled staten Overrides also the color modifiersn /nn/ Equal for all button types /n.uk-button:disabled {n background-color: button-disabled-backgroundn color: button-disabled-colorn .hook-button-disablen}nnn/ Modifier: uk-button-linkn /nn / Reset /n.uk-button-link,n.uk-button-link:hover,n.uk-button-link:focus,n.uk-button-link:active,n.uk-button-link.uk-active,n.uk-button-link:disabled {n border-color: transparentn background: nonen .hook-button-linkn}nn/ Color /n.uk-button-link { color: button-link-color }nn.uk-button-link:hover,n.uk-button-link:focus,n.uk-button-link:active,n.uk-button-link.uk-active {n color: button-link-hover-colorn text-decoration: button-link-hover-text-decorationn}nn.uk-button-link:disabled { color: button-link-disabled-color }nn/ Focus /n.uk-button-link:focus { outline: 1px dotted }nnn/ Size modifiersn /nn.uk-button-mini {n min-height: button-mini-heightn padding: 0 button-mini-padding-horizontaln line-height: button-mini-line-heightn font-size: button-mini-font-sizen}nn.uk-button-small {n min-height: button-small-heightn padding: 0 button-small-padding-horizontaln line-height: button-small-line-heightn font-size: button-small-font-sizen}nn.uk-button-large {n min-height: button-large-heightn padding: 0 button-large-padding-horizontaln line-height: button-large-line-heightn font-size: button-large-font-sizen .hook-button-largen}nnn/ Sub-object uk-button-groupn /nn/n 1. Behave like buttonsn 2. Create position context for dropdownsn 3. Remove whitespace between child elements when using inline-blockn 4. Prevent buttons from wrappingn 5. Remove whitespace between child elements when using inline-blockn /nn.uk-button-group {n / 1 /n display: inline-blockn vertical-align: middlen / 2 /n position: relativen / 3 /n font-size: 0.001pxn / 4 /n white-space: nowrapn}nn.uk-button-group > { display: inline-block }nn/ 5 /n.uk-button-group .uk-button { vertical-align: top }nnn/ Sub-object: uk-button-dropdownn /nn/n 1. Behave like buttonsn 2. Create position context for dropdownsn /nn.uk-button-dropdown {n / 1 /n display: inline-blockn vertical-align: middlen / 2 /n position: relativen}nnn// Hooksn// nn.hook-button-miscnn.hook-button() {}n.hook-button-hover() {}n.hook-button-active() {}n.hook-button-primary() {}n.hook-button-primary-hover() {}n.hook-button-primary-active() {}n.hook-button-success() {}n.hook-button-success-hover() {}n.hook-button-success-active() {}n.hook-button-danger() {}n.hook-button-danger-hover() {}n.hook-button-danger-active() {}n.hook-button-disable() {}n.hook-button-link() {}n.hook-button-large() {}n.hook-button-misc() {}n// Name: Iconn// Description: Defines styles for iconsn//n// Adapted from http://fortawesome.github.com/Font-Awesome (Version 4.6.0)n//n// Component: uk-icon-n//n// Sub-objects: uk-icon-hovern// uk-icon-buttonn//n// Modifiers: uk-icon-smalln// uk-icon-mediumn// uk-icon-largen// uk-icon-justifyn// uk-icon-spinn//n// Uses: Animationn//n// nnn// Variablesn// nnicon-font-path: “./fonts”nnicon-small-font-size: 150%nicon-medium-font-size: 200%nicon-large-font-size: 250%nnicon-small-vertical-align: -10%nicon-medium-vertical-align: -16%nicon-large-vertical-align: -22%nnicon-hover-color: 999nicon-hover-hover-color: 444nnicon-button-width: 35pxnicon-button-height: icon-button-widthnicon-button-border-radius: 100%nicon-button-background: eeenicon-button-font-size: round((icon-button-width 0.5))nicon-button-color: 444nnicon-button-hover-background: f5f5f5nicon-button-hover-color: 444nnicon-button-active-background: dddnicon-button-active-color: 444nnn/ n Component: Iconn /nnfont-face {n font-family: ‘FontAwesome’n src: url(“/kcpi/templates/yoogusto/warp/vendor/uikit/less/core/{icon-font-path}/fontawesome-webfont.woff2”) format(‘woff2’),n url(“/kcpi/templates/yoogusto/warp/vendor/uikit/less/core/{icon-font-path}/fontawesome-webfont.woff”) format(“woff”),n url(“/kcpi/templates/yoogusto/warp/vendor/uikit/less/core/{icon-font-path}/fontawesome-webfont.ttf”) format(“truetype”)n font-weight: normaln font-style: normaln}nn/n 1. Allow marginn 2. Prevent inherit font stylen 4. Correct line-heightn 5. Better font renderingn 6. Remove text-decoration for anchorsn /nn[class’uk-icon-‘] {n font-family: FontAwesomen / 1 /n display: inline-blockn / 2 /n font-weight: normaln font-style: normaln / 4 /n line-height: 1n / 5 /n -webkit-font-smoothing: antialiasedn -moz-osx-font-smoothing: grayscalen}nn/ 6 /n[class’uk-icon-‘],n[class’uk-icon-‘]:hover,n[class’uk-icon-‘]:focus { text-decoration: none }nnn/ Size modifiersn /nn.uk-icon-small {n font-size: icon-small-font-sizen vertical-align: icon-small-vertical-alignn}nn.uk-icon-medium {n font-size: icon-medium-font-sizen vertical-align: icon-medium-vertical-alignn}nn.uk-icon-large {n font-size: icon-large-font-sizen vertical-align: icon-large-vertical-alignn}nnn/ Modifier: uk-icon-justifyn /nn.uk-icon-justify {n width: 1emn text-align: centern}nnn/ Modifier: uk-icon-spinn /nn.uk-icon-spin {n display: inline-blockn -webkit-animation: uk-rotate 2s infinite linearn animation: uk-rotate 2s infinite linearn}nnn/ Modifier: uk-icon-hovern /nn.uk-icon-hover {n color: icon-hover-colorn .hook-icon-hovern}nn/n Hovern /nn.uk-icon-hover:hover {n color: icon-hover-hover-colorn .hook-icon-hover-hovern}nnn/ Modifier: uk-icon-buttonn /nn.uk-icon-button {n box-sizing: border-boxn display: inline-blockn width: icon-button-widthn height: icon-button-heightn border-radius: icon-button-border-radiusn background: icon-button-backgroundn line-height: icon-button-heightn color: icon-button-colorn font-size: icon-button-font-sizen text-align: centern .hook-icon-buttonn}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen /nn.uk-icon-button:hover,n.uk-icon-button:focus { // 1n background-color: icon-button-hover-backgroundn color: icon-button-hover-colorn / 2 /n outline: nonen .hook-icon-button-hovern}nn/ Active /n.uk-icon-button:active {n background-color: icon-button-active-backgroundn color: icon-button-active-colorn .hook-icon-button-activen}nnn/ Icon mappingn /nn.uk-icon-glass:before { content: “f000” }n.uk-icon-music:before { content: “f001” }n.uk-icon-search:before { content: “f002” }n.uk-icon-envelope-o:before { content: “f003” }n.uk-icon-heart:before { content: “f004” }n.uk-icon-star:before { content: “f005” }n.uk-icon-star-o:before { content: “f006” }n.uk-icon-user:before { content: “f007” }n.uk-icon-film:before { content: “f008” }n.uk-icon-th-large:before { content: “f009” }n.uk-icon-th:before { content: “f00a” }n.uk-icon-th-list:before { content: “f00b” }n.uk-icon-check:before { content: “f00c” }n.uk-icon-remove:before,n.uk-icon-close:before,n.uk-icon-times:before { content: “f00d” }n.uk-icon-search-plus:before { content: “f00e” }n.uk-icon-search-minus:before { content: “f010” }n.uk-icon-power-off:before { content: “f011” }n.uk-icon-signal:before { content: “f012” }n.uk-icon-gear:before,n.uk-icon-cog:before { content: “f013” }n.uk-icon-trash-o:before { content: “f014” }n.uk-icon-home:before { content: “f015” }n.uk-icon-file-o:before { content: “f016” }n.uk-icon-clock-o:before { content: “f017” }n.uk-icon-road:before { content: “f018” }n.uk-icon-download:before { content: “f019” }n.uk-icon-arrow-circle-o-down:before { content: “f01a” }n.uk-icon-arrow-circle-o-up:before { content: “f01b” }n.uk-icon-inbox:before { content: “f01c” }n.uk-icon-play-circle-o:before { content: “f01d” }n.uk-icon-rotate-right:before,n.uk-icon-repeat:before { content: “f01e” }n.uk-icon-refresh:before { content: “f021” }n.uk-icon-list-alt:before { content: “f022” }n.uk-icon-lock:before { content: “f023” }n.uk-icon-flag:before { content: “f024” }n.uk-icon-headphones:before { content: “f025” }n.uk-icon-volume-off:before { content: “f026” }n.uk-icon-volume-down:before { content: “f027” }n.uk-icon-volume-up:before { content: “f028” }n.uk-icon-qrcode:before { content: “f029” }n.uk-icon-barcode:before { content: “f02a” }n.uk-icon-tag:before { content: “f02b” }n.uk-icon-tags:before { content: “f02c” }n.uk-icon-book:before { content: “f02d” }n.uk-icon-bookmark:before { content: “f02e” }n.uk-icon-print:before { content: “f02f” }n.uk-icon-camera:before { content: “f030” }n.uk-icon-font:before { content: “f031” }n.uk-icon-bold:before { content: “f032” }n.uk-icon-italic:before { content: “f033” }n.uk-icon-text-height:before { content: “f034” }n.uk-icon-text-width:before { content: “f035” }n.uk-icon-align-left:before { content: “f036” }n.uk-icon-align-center:before { content: “f037” }n.uk-icon-align-right:before { content: “f038” }n.uk-icon-align-justify:before { content: “f039” }n.uk-icon-list:before { content: “f03a” }n.uk-icon-dedent:before,n.uk-icon-outdent:before { content: “f03b” }n.uk-icon-indent:before { content: “f03c” }n.uk-icon-video-camera:before { content: “f03d” }n.uk-icon-photo:before,n.uk-icon-image:before,n.uk-icon-picture-o:before { content: “f03e” }n.uk-icon-pencil:before { content: “f040” }n.uk-icon-map-marker:before { content: “f041” }n.uk-icon-adjust:before { content: “f042” }n.uk-icon-tint:before { content: “f043” }n.uk-icon-edit:before,n.uk-icon-pencil-square-o:before { content: “f044” }n.uk-icon-share-square-o:before { content: “f045” }n.uk-icon-check-square-o:before { content: “f046” }n.uk-icon-arrows:before { content: “f047” }n.uk-icon-step-backward:before { content: “f048” }n.uk-icon-fast-backward:before { content: “f049” }n.uk-icon-backward:before { content: “f04a” }n.uk-icon-play:before { content: “f04b” }n.uk-icon-pause:before { content: “f04c” }n.uk-icon-stop:before { content: “f04d” }n.uk-icon-forward:before { content: “f04e” }n.uk-icon-fast-forward:before { content: “f050” }n.uk-icon-step-forward:before { content: “f051” }n.uk-icon-eject:before { content: “f052” }n.uk-icon-chevron-left:before { content: “f053” }n.uk-icon-chevron-right:before { content: “f054” }n.uk-icon-plus-circle:before { content: “f055” }n.uk-icon-minus-circle:before { content: “f056” }n.uk-icon-times-circle:before { content: “f057” }n.uk-icon-check-circle:before { content: “f058” }n.uk-icon-question-circle:before { content: “f059” }n.uk-icon-info-circle:before { content: “f05a” }n.uk-icon-crosshairs:before { content: “f05b” }n.uk-icon-times-circle-o:before { content: “f05c” }n.uk-icon-check-circle-o:before { content: “f05d” }n.uk-icon-ban:before { content: “f05e” }n.uk-icon-arrow-left:before { content: “f060” }n.uk-icon-arrow-right:before { content: “f061” }n.uk-icon-arrow-up:before { content: “f062” }n.uk-icon-arrow-down:before { content: “f063” }n.uk-icon-mail-forward:before,n.uk-icon-share:before { content: “f064” }n.uk-icon-expand:before { content: “f065” }n.uk-icon-compress:before { content: “f066” }n.uk-icon-plus:before { content: “f067” }n.uk-icon-minus:before { content: “f068” }n.uk-icon-asterisk:before { content: “f069” }n.uk-icon-exclamation-circle:before { content: “f06a” }n.uk-icon-gift:before { content: “f06b” }n.uk-icon-leaf:before { content: “f06c” }n.uk-icon-fire:before { content: “f06d” }n.uk-icon-eye:before { content: “f06e” }n.uk-icon-eye-slash:before { content: “f070” }n.uk-icon-warning:before,n.uk-icon-exclamation-triangle:before { content: “f071” }n.uk-icon-plane:before { content: “f072” }n.uk-icon-calendar:before { content: “f073” }n.uk-icon-random:before { content: “f074” }n.uk-icon-comment:before { content: “f075” }n.uk-icon-magnet:before { content: “f076” }n.uk-icon-chevron-up:before { content: “f077” }n.uk-icon-chevron-down:before { content: “f078” }n.uk-icon-retweet:before { content: “f079” }n.uk-icon-shopping-cart:before { content: “f07a” }n.uk-icon-folder:before { content: “f07b” }n.uk-icon-folder-open:before { content: “f07c” }n.uk-icon-arrows-v:before { content: “f07d” }n.uk-icon-arrows-h:before { content: “f07e” }n.uk-icon-bar-chart-o:before,n.uk-icon-bar-chart:before { content: “f080” }n.uk-icon-twitter-square:before { content: “f081” }n.uk-icon-facebook-square:before { content: “f082” }n.uk-icon-camera-retro:before { content: “f083” }n.uk-icon-key:before { content: “f084” }n.uk-icon-gears:before,n.uk-icon-cogs:before { content: “f085” }n.uk-icon-comments:before { content: “f086” }n.uk-icon-thumbs-o-up:before { content: “f087” }n.uk-icon-thumbs-o-down:before { content: “f088” }n.uk-icon-star-half:before { content: “f089” }n.uk-icon-heart-o:before { content: “f08a” }n.uk-icon-sign-out:before { content: “f08b” }n.uk-icon-linkedin-square:before { content: “f08c” }n.uk-icon-thumb-tack:before { content: “f08d” }n.uk-icon-external-link:before { content: “f08e” }n.uk-icon-sign-in:before { content: “f090” }n.uk-icon-trophy:before { content: “f091” }n.uk-icon-github-square:before { content: “f092” }n.uk-icon-upload:before { content: “f093” }n.uk-icon-lemon-o:before { content: “f094” }n.uk-icon-phone:before { content: “f095” }n.uk-icon-square-o:before { content: “f096” }n.uk-icon-bookmark-o:before { content: “f097” }n.uk-icon-phone-square:before { content: “f098” }n.uk-icon-twitter:before { content: “f099” }n.uk-icon-facebook-f:before,n.uk-icon-facebook:before { content: “f09a” }n.uk-icon-github:before { content: “f09b” }n.uk-icon-unlock:before { content: “f09c” }n.uk-icon-credit-card:before { content: “f09d” }n.uk-icon-rss:before { content: “f09e” }n.uk-icon-hdd-o:before { content: “f0a0” }n.uk-icon-bullhorn:before { content: “f0a1” }n.uk-icon-bell:before { content: “f0f3” }n.uk-icon-certificate:before { content: “f0a3” }n.uk-icon-hand-o-right:before { content: “f0a4” }n.uk-icon-hand-o-left:before { content: “f0a5” }n.uk-icon-hand-o-up:before { content: “f0a6” }n.uk-icon-hand-o-down:before { content: “f0a7” }n.uk-icon-arrow-circle-left:before { content: “f0a8” }n.uk-icon-arrow-circle-right:before { content: “f0a9” }n.uk-icon-arrow-circle-up:before { content: “f0aa” }n.uk-icon-arrow-circle-down:before { content: “f0ab” }n.uk-icon-globe:before { content: “f0ac” }n.uk-icon-wrench:before { content: “f0ad” }n.uk-icon-tasks:before { content: “f0ae” }n.uk-icon-filter:before { content: “f0b0” }n.uk-icon-briefcase:before { content: “f0b1” }n.uk-icon-arrows-alt:before { content: “f0b2” }n.uk-icon-group:before,n.uk-icon-users:before { content: “f0c0” }n.uk-icon-chain:before,n.uk-icon-link:before { content: “f0c1” }n.uk-icon-cloud:before { content: “f0c2” }n.uk-icon-flask:before { content: “f0c3” }n.uk-icon-cut:before,n.uk-icon-scissors:before { content: “f0c4” }n.uk-icon-copy:before,n.uk-icon-files-o:before { content: “f0c5” }n.uk-icon-paperclip:before { content: “f0c6” }n.uk-icon-save:before,n.uk-icon-floppy-o:before { content: “f0c7” }n.uk-icon-square:before { content: “f0c8” }n.uk-icon-navicon:before,n.uk-icon-reorder:before,n.uk-icon-bars:before { content: “f0c9” }n.uk-icon-list-ul:before { content: “f0ca” }n.uk-icon-list-ol:before { content: “f0cb” }n.uk-icon-strikethrough:before { content: “f0cc” }n.uk-icon-underline:before { content: “f0cd” }n.uk-icon-table:before { content: “f0ce” }n.uk-icon-magic:before { content: “f0d0” }n.uk-icon-truck:before { content: “f0d1” }n.uk-icon-pinterest:before { content: “f0d2” }n.uk-icon-pinterest-square:before { content: “f0d3” }n.uk-icon-google-plus-square:before { content: “f0d4” }n.uk-icon-google-plus:before { content: “f0d5” }n.uk-icon-money:before { content: “f0d6” }n.uk-icon-caret-down:before { content: “f0d7” }n.uk-icon-caret-up:before { content: “f0d8” }n.uk-icon-caret-left:before { content: “f0d9” }n.uk-icon-caret-right:before { content: “f0da” }n.uk-icon-columns:before { content: “f0db” }n.uk-icon-unsorted:before,n.uk-icon-sort:before { content: “f0dc” }n.uk-icon-sort-down:before,n.uk-icon-sort-desc:before { content: “f0dd” }n.uk-icon-sort-up:before,n.uk-icon-sort-asc:before { content: “f0de” }n.uk-icon-envelope:before { content: “f0e0” }n.uk-icon-linkedin:before { content: “f0e1” }n.uk-icon-rotate-left:before,n.uk-icon-undo:before { content: “f0e2” }n.uk-icon-legal:before,n.uk-icon-gavel:before { content: “f0e3” }n.uk-icon-dashboard:before,n.uk-icon-tachometer:before { content: “f0e4” }n.uk-icon-comment-o:before { content: “f0e5” }n.uk-icon-comments-o:before { content: “f0e6” }n.uk-icon-flash:before,n.uk-icon-bolt:before { content: “f0e7” }n.uk-icon-sitemap:before { content: “f0e8” }n.uk-icon-umbrella:before { content: “f0e9” }n.uk-icon-paste:before,n.uk-icon-clipboard:before { content: “f0ea” }n.uk-icon-lightbulb-o:before { content: “f0eb” }n.uk-icon-exchange:before { content: “f0ec” }n.uk-icon-cloud-download:before { content: “f0ed” }n.uk-icon-cloud-upload:before { content: “f0ee” }n.uk-icon-user-md:before { content: “f0f0” }n.uk-icon-stethoscope:before { content: “f0f1” }n.uk-icon-suitcase:before { content: “f0f2” }n.uk-icon-bell-o:before { content: “f0a2” }n.uk-icon-coffee:before { content: “f0f4” }n.uk-icon-cutlery:before { content: “f0f5” }n.uk-icon-file-text-o:before { content: “f0f6” }n.uk-icon-building-o:before { content: “f0f7” }n.uk-icon-hospital-o:before { content: “f0f8” }n.uk-icon-ambulance:before { content: “f0f9” }n.uk-icon-medkit:before { content: “f0fa” }n.uk-icon-fighter-jet:before { content: “f0fb” }n.uk-icon-beer:before { content: “f0fc” }n.uk-icon-h-square:before { content: “f0fd” }n.uk-icon-plus-square:before { content: “f0fe” }n.uk-icon-angle-double-left:before { content: “f100” }n.uk-icon-angle-double-right:before { content: “f101” }n.uk-icon-angle-double-up:before { content: “f102” }n.uk-icon-angle-double-down:before { content: “f103” }n.uk-icon-angle-left:before { content: “f104” }n.uk-icon-angle-right:before { content: “f105” }n.uk-icon-angle-up:before { content: “f106” }n.uk-icon-angle-down:before { content: “f107” }n.uk-icon-desktop:before { content: “f108” }n.uk-icon-laptop:before { content: “f109” }n.uk-icon-tablet:before { content: “f10a” }n.uk-icon-mobile-phone:before,n.uk-icon-mobile:before { content: “f10b” }n.uk-icon-circle-o:before { content: “f10c” }n.uk-icon-quote-left:before { content: “f10d” }n.uk-icon-quote-right:before { content: “f10e” }n.uk-icon-spinner:before { content: “f110” }n.uk-icon-circle:before { content: “f111” }n.uk-icon-mail-reply:before,n.uk-icon-reply:before { content: “f112” }n.uk-icon-github-alt:before { content: “f113” }n.uk-icon-folder-o:before { content: “f114” }n.uk-icon-folder-open-o:before { content: “f115” }n.uk-icon-smile-o:before { content: “f118” }n.uk-icon-frown-o:before { content: “f119” }n.uk-icon-meh-o:before { content: “f11a” }n.uk-icon-gamepad:before { content: “f11b” }n.uk-icon-keyboard-o:before { content: “f11c” }n.uk-icon-flag-o:before { content: “f11d” }n.uk-icon-flag-checkered:before { content: “f11e” }n.uk-icon-terminal:before { content: “f120” }n.uk-icon-code:before { content: “f121” }n.uk-icon-mail-reply-all:before,n.uk-icon-reply-all:before { content: “f122” }n.uk-icon-star-half-empty:before,n.uk-icon-star-half-full:before,n.uk-icon-star-half-o:before { content: “f123” }n.uk-icon-location-arrow:before { content: “f124” }n.uk-icon-crop:before { content: “f125” }n.uk-icon-code-fork:before { content: “f126” }n.uk-icon-unlink:before,n.uk-icon-chain-broken:before { content: “f127” }n.uk-icon-question:before { content: “f128” }n.uk-icon-info:before { content: “f129” }n.uk-icon-exclamation:before { content: “f12a” }n.uk-icon-superscript:before { content: “f12b” }n.uk-icon-subscript:before { content: “f12c” }n.uk-icon-eraser:before { content: “f12d” }n.uk-icon-puzzle-piece:before { content: “f12e” }n.uk-icon-microphone:before { content: “f130” }n.uk-icon-microphone-slash:before { content: “f131” }n.uk-icon-shield:before { content: “f132” }n.uk-icon-calendar-o:before { content: “f133” }n.uk-icon-fire-extinguisher:before { content: “f134” }n.uk-icon-rocket:before { content: “f135” }n.uk-icon-maxcdn:before { content: “f136” }n.uk-icon-chevron-circle-left:before { content: “f137” }n.uk-icon-chevron-circle-right:before { content: “f138” }n.uk-icon-chevron-circle-up:before { content: “f139” }n.uk-icon-chevron-circle-down:before { content: “f13a” }n.uk-icon-html5:before { content: “f13b” }n.uk-icon-css3:before { content: “f13c” }n.uk-icon-anchor:before { content: “f13d” }n.uk-icon-unlock-alt:before { content: “f13e” }n.uk-icon-bullseye:before { content: “f140” }n.uk-icon-ellipsis-h:before { content: “f141” }n.uk-icon-ellipsis-v:before { content: “f142” }n.uk-icon-rss-square:before { content: “f143” }n.uk-icon-play-circle:before { content: “f144” }n.uk-icon-ticket:before { content: “f145” }n.uk-icon-minus-square:before { content: “f146” }n.uk-icon-minus-square-o:before { content: “f147” }n.uk-icon-level-up:before { content: “f148” }n.uk-icon-level-down:before { content: “f149” }n.uk-icon-check-square:before { content: “f14a” }n.uk-icon-pencil-square:before { content: “f14b” }n.uk-icon-external-link-square:before { content: “f14c” }n.uk-icon-share-square:before { content: “f14d” }n.uk-icon-compass:before { content: “f14e” }n.uk-icon-toggle-down:before,n.uk-icon-caret-square-o-down:before { content: “f150” }n.uk-icon-toggle-up:before,n.uk-icon-caret-square-o-up:before { content: “f151” }n.uk-icon-toggle-right:before,n.uk-icon-caret-square-o-right:before { content: “f152” }n.uk-icon-euro:before,n.uk-icon-eur:before { content: “f153” }n.uk-icon-gbp:before { content: “f154” }n.uk-icon-dollar:before,n.uk-icon-usd:before { content: “f155” }n.uk-icon-rupee:before,n.uk-icon-inr:before { content: “f156” }n.uk-icon-cny:before,n.uk-icon-rmb:before,n.uk-icon-yen:before,n.uk-icon-jpy:before { content: “f157” }n.uk-icon-ruble:before,n.uk-icon-rouble:before,n.uk-icon-rub:before { content: “f158” }n.uk-icon-won:before,n.uk-icon-krw:before { content: “f159” }n.uk-icon-bitcoin:before,n.uk-icon-btc:before { content: “f15a” }n.uk-icon-file:before { content: “f15b” }n.uk-icon-file-text:before { content: “f15c” }n.uk-icon-sort-alpha-asc:before { content: “f15d” }n.uk-icon-sort-alpha-desc:before { content: “f15e” }n.uk-icon-sort-amount-asc:before { content: “f160” }n.uk-icon-sort-amount-desc:before { content: “f161” }n.uk-icon-sort-numeric-asc:before { content: “f162” }n.uk-icon-sort-numeric-desc:before { content: “f163” }n.uk-icon-thumbs-up:before { content: “f164” }n.uk-icon-thumbs-down:before { content: “f165” }n.uk-icon-youtube-square:before { content: “f166” }n.uk-icon-youtube:before { content: “f167” }n.uk-icon-xing:before { content: “f168” }n.uk-icon-xing-square:before { content: “f169” }n.uk-icon-youtube-play:before { content: “f16a” }n.uk-icon-dropbox:before { content: “f16b” }n.uk-icon-stack-overflow:before { content: “f16c” }n.uk-icon-instagram:before { content: “f16d” }n.uk-icon-flickr:before { content: “f16e” }n.uk-icon-adn:before { content: “f170” }n.uk-icon-bitbucket:before { content: “f171” }n.uk-icon-bitbucket-square:before { content: “f172” }n.uk-icon-tumblr:before { content: “f173” }n.uk-icon-tumblr-square:before { content: “f174” }n.uk-icon-long-arrow-down:before { content: “f175” }n.uk-icon-long-arrow-up:before { content: “f176” }n.uk-icon-long-arrow-left:before { content: “f177” }n.uk-icon-long-arrow-right:before { content: “f178” }n.uk-icon-apple:before { content: “f179” }n.uk-icon-windows:before { content: “f17a” }n.uk-icon-android:before { content: “f17b” }n.uk-icon-linux:before { content: “f17c” }n.uk-icon-dribbble:before { content: “f17d” }n.uk-icon-skype:before { content: “f17e” }n.uk-icon-foursquare:before { content: “f180” }n.uk-icon-trello:before { content: “f181” }n.uk-icon-female:before { content: “f182” }n.uk-icon-male:before { content: “f183” }n.uk-icon-gittip:before,n.uk-icon-gratipay:before { content: “f184” }n.uk-icon-sun-o:before { content: “f185” }n.uk-icon-moon-o:before { content: “f186” }n.uk-icon-archive:before { content: “f187” }n.uk-icon-bug:before { content: “f188” }n.uk-icon-vk:before { content: “f189” }n.uk-icon-weibo:before { content: “f18a” }n.uk-icon-renren:before { content: “f18b” }n.uk-icon-pagelines:before { content: “f18c” }n.uk-icon-stack-exchange:before { content: “f18d” }n.uk-icon-arrow-circle-o-right:before { content: “f18e” }n.uk-icon-arrow-circle-o-left:before { content: “f190” }n.uk-icon-toggle-left:before,n.uk-icon-caret-square-o-left:before { content: “f191” }n.uk-icon-dot-circle-o:before { content: “f192” }n.uk-icon-wheelchair:before { content: “f193” }n.uk-icon-vimeo-square:before { content: “f194” }n.uk-icon-turkish-lira:before,n.uk-icon-try:before { content: “f195” }n.uk-icon-plus-square-o:before { content: “f196” }n.uk-icon-space-shuttle:before { content: “f197” }n.uk-icon-slack:before { content: “f198” }n.uk-icon-envelope-square:before { content: “f199” }n.uk-icon-wordpress:before { content: “f19a” }n.uk-icon-openid:before { content: “f19b” }n.uk-icon-institution:before,n.uk-icon-bank:before,n.uk-icon-university:before { content: “f19c” }n.uk-icon-mortar-board:before,n.uk-icon-graduation-cap:before { content: “f19d” }n.uk-icon-yahoo:before { content: “f19e” }n.uk-icon-google:before { content: “f1a0” }n.uk-icon-reddit:before { content: “f1a1” }n.uk-icon-reddit-square:before { content: “f1a2” }n.uk-icon-stumbleupon-circle:before { content: “f1a3” }n.uk-icon-stumbleupon:before { content: “f1a4” }n.uk-icon-delicious:before { content: “f1a5” }n.uk-icon-digg:before { content: “f1a6” }n.uk-icon-pied-piper:before { content: “f1a7” }n.uk-icon-pied-piper-alt:before { content: “f1a8” }n.uk-icon-drupal:before { content: “f1a9” }n.uk-icon-joomla:before { content: “f1aa” }n.uk-icon-language:before { content: “f1ab” }n.uk-icon-fax:before { content: “f1ac” }n.uk-icon-building:before { content: “f1ad” }n.uk-icon-child:before { content: “f1ae” }n.uk-icon-paw:before { content: “f1b0” }n.uk-icon-spoon:before { content: “f1b1” }n.uk-icon-cube:before { content: “f1b2” }n.uk-icon-cubes:before { content: “f1b3” }n.uk-icon-behance:before { content: “f1b4” }n.uk-icon-behance-square:before { content: “f1b5” }n.uk-icon-steam:before { content: “f1b6” }n.uk-icon-steam-square:before { content: “f1b7” }n.uk-icon-recycle:before { content: “f1b8” }n.uk-icon-automobile:before,n.uk-icon-car:before { content: “f1b9” }n.uk-icon-cab:before,n.uk-icon-taxi:before { content: “f1ba” }n.uk-icon-tree:before { content: “f1bb” }n.uk-icon-spotify:before { content: “f1bc” }n.uk-icon-deviantart:before { content: “f1bd” }n.uk-icon-soundcloud:before { content: “f1be” }n.uk-icon-database:before { content: “f1c0” }n.uk-icon-file-pdf-o:before { content: “f1c1” }n.uk-icon-file-word-o:before { content: “f1c2” }n.uk-icon-file-excel-o:before { content: “f1c3” }n.uk-icon-file-powerpoint-o:before { content: “f1c4” }n.uk-icon-file-photo-o:before,n.uk-icon-file-picture-o:before,n.uk-icon-file-image-o:before { content: “f1c5” }n.uk-icon-file-zip-o:before,n.uk-icon-file-archive-o:before { content: “f1c6” }n.uk-icon-file-sound-o:before,n.uk-icon-file-audio-o:before { content: “f1c7” }n.uk-icon-file-movie-o:before,n.uk-icon-file-video-o:before { content: “f1c8” }n.uk-icon-file-code-o:before { content: “f1c9” }n.uk-icon-vine:before { content: “f1ca” }n.uk-icon-codepen:before { content: “f1cb” }n.uk-icon-jsfiddle:before { content: “f1cc” }n.uk-icon-life-bouy:before,n.uk-icon-life-buoy:before,n.uk-icon-life-saver:before,n.uk-icon-support:before,n.uk-icon-life-ring:before { content: “f1cd” }n.uk-icon-circle-o-notch:before { content: “f1ce” }n.uk-icon-ra:before,n.uk-icon-rebel:before { content: “f1d0” }n.uk-icon-ge:before,n.uk-icon-empire:before { content: “f1d1” }n.uk-icon-git-square:before { content: “f1d2” }n.uk-icon-git:before { content: “f1d3” }n.uk-icon-hacker-news:before { content: “f1d4” }n.uk-icon-tencent-weibo:before { content: “f1d5” }n.uk-icon-qq:before { content: “f1d6” }n.uk-icon-wechat:before,n.uk-icon-weixin:before { content: “f1d7” }n.uk-icon-send:before,n.uk-icon-paper-plane:before { content: “f1d8” }n.uk-icon-send-o:before,n.uk-icon-paper-plane-o:before { content: “f1d9” }n.uk-icon-history:before { content: “f1da” }n.uk-icon-genderless:before,n.uk-icon-circle-thin:before { content: “f1db” }n.uk-icon-header:before { content: “f1dc” }n.uk-icon-paragraph:before { content: “f1dd” }n.uk-icon-sliders:before { content: “f1de” }n.uk-icon-share-alt:before { content: “f1e0” }n.uk-icon-share-alt-square:before { content: “f1e1” }n.uk-icon-bomb:before { content: “f1e2” }n.uk-icon-soccer-ball-o:before,n.uk-icon-futbol-o:before { content: “f1e3” }n.uk-icon-tty:before { content: “f1e4” }n.uk-icon-binoculars:before { content: “f1e5” }n.uk-icon-plug:before { content: “f1e6” }n.uk-icon-slideshare:before { content: “f1e7” }n.uk-icon-twitch:before { content: “f1e8” }n.uk-icon-yelp:before { content: “f1e9” }n.uk-icon-newspaper-o:before { content: “f1ea” }n.uk-icon-wifi:before { content: “f1eb” }n.uk-icon-calculator:before { content: “f1ec” }n.uk-icon-paypal:before { content: “f1ed” }n.uk-icon-google-wallet:before { content: “f1ee” }n.uk-icon-cc-visa:before { content: “f1f0” }n.uk-icon-cc-mastercard:before { content: “f1f1” }n.uk-icon-cc-discover:before { content: “f1f2” }n.uk-icon-cc-amex:before { content: “f1f3” }n.uk-icon-cc-paypal:before { content: “f1f4” }n.uk-icon-cc-stripe:before { content: “f1f5” }n.uk-icon-bell-slash:before { content: “f1f6” }n.uk-icon-bell-slash-o:before { content: “f1f7” }n.uk-icon-trash:before { content: “f1f8” }n.uk-icon-copyright:before { content: “f1f9” }n.uk-icon-at:before { content: “f1fa” }n.uk-icon-eyedropper:before { content: “f1fb” }n.uk-icon-paint-brush:before { content: “f1fc” }n.uk-icon-birthday-cake:before { content: “f1fd” }n.uk-icon-area-chart:before { content: “f1fe” }n.uk-icon-pie-chart:before { content: “f200” }n.uk-icon-line-chart:before { content: “f201” }n.uk-icon-lastfm:before { content: “f202” }n.uk-icon-lastfm-square:before { content: “f203” }n.uk-icon-toggle-off:before { content: “f204” }n.uk-icon-toggle-on:before { content: “f205” }n.uk-icon-bicycle:before { content: “f206” }n.uk-icon-bus:before { content: “f207” }n.uk-icon-ioxhost:before { content: “f208” }n.uk-icon-angellist:before { content: “f209” }n.uk-icon-cc:before { content: “f20a” }n.uk-icon-shekel:before,n.uk-icon-sheqel:before,n.uk-icon-ils:before { content: “f20b” }n.uk-icon-meanpath:before { content: “f20c” }n.uk-icon-buysellads:before { content: “f20d” }n.uk-icon-connectdevelop:before { content: “f20e” }n.uk-icon-dashcube:before { content: “f210” }n.uk-icon-forumbee:before { content: “f211” }n.uk-icon-leanpub:before { content: “f212” }n.uk-icon-sellsy:before { content: “f213” }n.uk-icon-shirtsinbulk:before { content: “f214” }n.uk-icon-simplybuilt:before { content: “f215” }n.uk-icon-skyatlas:before { content: “f216” }n.uk-icon-cart-plus:before { content: “f217” }n.uk-icon-cart-arrow-down:before { content: “f218” }n.uk-icon-diamond:before { content: “f219” }n.uk-icon-ship:before { content: “f21a” }n.uk-icon-user-secret:before { content: “f21b” }n.uk-icon-motorcycle:before { content: “f21c” }n.uk-icon-street-view:before { content: “f21d” }n.uk-icon-heartbeat:before { content: “f21e” }n.uk-icon-venus:before { content: “f221” }n.uk-icon-mars:before { content: “f222” }n.uk-icon-mercury:before { content: “f223” }n.uk-icon-transgender:before { content: “f224” }n.uk-icon-transgender-alt:before { content: “f225” }n.uk-icon-venus-double:before { content: “f226” }n.uk-icon-mars-double:before { content: “f227” }n.uk-icon-venus-mars:before { content: “f228” }n.uk-icon-mars-stroke:before { content: “f229” }n.uk-icon-mars-stroke-v:before { content: “f22a” }n.uk-icon-mars-stroke-h:before { content: “f22b” }n.uk-icon-neuter:before { content: “f22c” }n.uk-icon-facebook-official:before { content: “f230” }n.uk-icon-pinterest-p:before { content: “f231” }n.uk-icon-whatsapp:before { content: “f232” }n.uk-icon-server:before { content: “f233” }n.uk-icon-user-plus:before { content: “f234” }n.uk-icon-user-times:before { content: “f235” }n.uk-icon-hotel:before,n.uk-icon-bed:before { content: “f236” }n.uk-icon-viacoin:before { content: “f237” }n.uk-icon-train:before { content: “f238” }n.uk-icon-subway:before { content: “f239” }n.uk-icon-medium-logo:before { content: “f23a” }n.uk-icon-500px:before { content: “f26e” }n.uk-icon-amazon:before { content: “f270” }n.uk-icon-balance-scale:before { content: “f24e” }n.uk-icon-battery-empty:before,n.uk-icon-battery-0:before { content: “f244” }n.uk-icon-battery-quarter:before,n.uk-icon-battery-1:before { content: “f243” }n.uk-icon-battery-half:before,n.uk-icon-battery-2:before { content: “f242” }n.uk-icon-battery-three-quarters:before,n.uk-icon-battery-3:before { content: “f241” }n.uk-icon-battery-full:before,n.uk-icon-battery-4:before { content: “f240” }n.uk-icon-black-tie:before { content: “f27e” }n.uk-icon-calendar-check-o:before { content: “f274” }n.uk-icon-calendar-minus-o:before { content: “f272” }n.uk-icon-calendar-plus-o:before { content: “f271” }n.uk-icon-calendar-times-o:before { content: “f273” }n.uk-icon-cc-diners-club:before { content: “f24c” }n.uk-icon-cc-jcb:before { content: “f24b” }n.uk-icon-chrome:before { content: “f268” }n.uk-icon-clone:before { content: “f24d” }n.uk-icon-commenting:before { content: “f27a” }n.uk-icon-commenting-o:before { content: “f27b” }n.uk-icon-contao:before { content: “f26d” }n.uk-icon-creative-commons:before { content: “f25e” }n.uk-icon-expeditedssl:before { content: “f23e” }n.uk-icon-firefox:before { content: “f269” }n.uk-icon-fonticons:before { content: “f280” }n.uk-icon-get-pocket:before { content: “f265” }n.uk-icon-gg:before { content: “f260” }n.uk-icon-gg-circle:before { content: “f261” }n.uk-icon-hand-lizard-o:before { content: “f258” }n.uk-icon-hand-stop-o:before,n.uk-icon-hand-paper-o:before { content: “f256” }n.uk-icon-hand-peace-o:before { content: “f25b” }n.uk-icon-hand-pointer-o:before { content: “f25a” }n.uk-icon-hand-grab-o:before,n.uk-icon-hand-rock-o:before { content: “f255” }n.uk-icon-hand-scissors-o:before { content: “f257” }n.uk-icon-hand-spock-o:before { content: “f259” }n.uk-icon-hourglass:before { content: “f254” }n.uk-icon-hourglass-o:before { content: “f250” }n.uk-icon-hourglass-1:before,n.uk-icon-hourglass-start:before { content: “f251” }n.uk-icon-hourglass-2:before,n.uk-icon-hourglass-half:before { content: “f252” }n.uk-icon-hourglass-3:before,n.uk-icon-hourglass-end:before { content: “f253” }n.uk-icon-houzz:before { content: “f27c” }n.uk-icon-i-cursor:before { content: “f246” }n.uk-icon-industry:before { content: “f275” }n.uk-icon-internet-explorer:before { content: “f26b” }n.uk-icon-map:before { content: “f279” }n.uk-icon-map-o:before { content: “f278” }n.uk-icon-map-pin:before { content: “f276” }n.uk-icon-map-signs:before { content: “f277” }n.uk-icon-mouse-pointer:before { content: “f245” }n.uk-icon-object-group:before { content: “f247” }n.uk-icon-object-ungroup:before { content: “f248” }n.uk-icon-odnoklassniki:before { content: “f263” }n.uk-icon-odnoklassniki-square:before { content: “f264” }n.uk-icon-opencart:before { content: “f23d” }n.uk-icon-opera:before { content: “f26a” }n.uk-icon-optin-monster:before { content: “f23c” }n.uk-icon-registered:before { content: “f25d” }n.uk-icon-safari:before { content: “f267” }n.uk-icon-sticky-note:before { content: “f249” }n.uk-icon-sticky-note-o:before { content: “f24a” }n.uk-icon-tv:before,n.uk-icon-television:before { content: “f26c” }n.uk-icon-trademark:before { content: “f25c” }n.uk-icon-tripadvisor:before { content: “f262” }n.uk-icon-vimeo:before { content: “f27d” }n.uk-icon-wikipedia-w:before { content: “f266” }n.uk-icon-yc:before,n.uk-icon-y-combinator:before { content: “f23b” }n.uk-icon-yc-square:before,n.uk-icon-y-combinator-square:before { content: “f1d4” }n// added fa 4.5n.uk-icon-bluetooth:before { content: “f293” }n.uk-icon-bluetooth-b:before { content: “f294” }n.uk-icon-codiepie:before { content: “f284” }n.uk-icon-credit-card-alt:before { content: “f283” }n.uk-icon-edge:before { content: “f282” }n.uk-icon-fort-awesome:before { content: “f286” }n.uk-icon-hashtag:before { content: “f292” }n.uk-icon-mixcloud:before { content: “f289” }n.uk-icon-modx:before { content: “f285” }n.uk-icon-pause-circle:before { content: “f28b” }n.uk-icon-pause-circle-o:before { content: “f28c” }n.uk-icon-percent:before { content: “f295” }n.uk-icon-product-hunt:before { content: “f288” }n.uk-icon-reddit-alien:before { content: “f281” }n.uk-icon-scribd:before { content: “f28a” }n.uk-icon-shopping-bag:before { content: “f290” }n.uk-icon-shopping-basket:before { content: “f291” }n.uk-icon-stop-circle:before { content: “f28d” }n.uk-icon-stop-circle-o:before { content: “f28e” }n.uk-icon-usb:before { content: “f287” }n// added fa 4.6n.uk-icon-american-sign-language-interpreting:before,n.uk-icon-asl-interpreting:before { content: “f2a3” }n.uk-icon-assistive-listening-systems:before { content: “f2a2” }n.uk-icon-audio-description:before { content: “f29e” }n.uk-icon-blind:before { content: “f29d” }n.uk-icon-braille:before { content: “f2a1” }n.uk-icon-deaf:before,n.uk-icon-deafness:before { content: “f2a4” }n.uk-icon-envira:before { content: “f299” }n.uk-icon-font-awesome:before,n.uk-icon-fa:before { content: “f2b4” }n.uk-icon-first-order:before { content: “f2b0” }n.uk-icon-gitlab:before { content: “f296” }n.uk-icon-glide:before { content: “f2a5” }n.uk-icon-glide-g:before { content: “f2a6” }n.uk-icon-hard-of-hearing:before { content: “f2a4” }n.uk-icon-low-vision:before { content: “f2a8” }n.uk-icon-question-circle-o:before { content: “f29c” }n.uk-icon-sign-language:before,n.uk-icon-signing:before { content: “f2a7” }n.uk-icon-snapchat:before { content: “f2ab” }n.uk-icon-snapchat-ghost:before { content: “f2ac” }n.uk-icon-snapchat-square:before { content: “f2ad” }n.uk-icon-themeisle:before { content: “f2b2” }n.uk-icon-universal-access:before { content: “f29a” }n.uk-icon-viadeo:before { content: “f2a9” }n.uk-icon-viadeo-square:before { content: “f2aa” }n.uk-icon-volume-control-phone:before { content: “f2a0” }n.uk-icon-wheelchair-alt:before { content: “f29b” }n.uk-icon-wpbeginner:before { content: “f297” }n.uk-icon-wpforms:before { content: “f298” }n.uk-icon-yoast:before { content: “f2b1” }nnn// Hooksn// nn.hook-icon-miscnn.hook-icon-hover() {}n.hook-icon-hover-hover() {}n.hook-icon-button() {}n.hook-icon-button-hover() {}n.hook-icon-button-active() {}n.hook-icon-misc() {}nn// Name: Closen// Description: Defines styles for a close buttonn//n// Component: uk-closen//n// Modifiers: uk-close-altn//n// Uses: Icon: FontAwesomen//n// Used by: Alertn// Modaln//n// nnn// Variablesn// nnclose-size: 20pxnnclose-alt-padding: 2pxnclose-alt-background: eeennn/ n Component: Closen /nn/n Removes inner padding and border in Firefox 4.n /nn.uk-close::-moz-focus-inner {n border: 0n padding: 0n}nn/n 1. Correct inability to style clickable input types in iOS.n 2. Remove margins in Chrome, Safari and Opera.n 3. Remove borders for button.n 4. Address overflow set to hidden in IE 8/9/10/11.n 5. Correct font properties and color not being inherited for button.n 6. Address inconsistent text-transform inheritance which is only inherit in Firefox and IEn 7. Remove default button padding and background colorn 8. Stylen /nn.uk-close {n / 1 /n -webkit-appearance: nonen / 2 /n margin: 0n / 3 /n border: nonen / 4 /n overflow: visiblen / 5 /n font: inheritn color: inheritn / 6 /n text-transform: nonen / 7. /n padding: 0n background: transparentn / 8 /n display: inline-blockn box-sizing: content-boxn width: close-sizen line-height: close-sizen text-align: centern vertical-align: middlen opacity: 0.3n .hook-closen}nn/ Icon /n.uk-close:after {n display: blockn content: “f00d”n font-family: FontAwesomen}nn/n Hovern 1. Apply hover style also to focus staten 2. Remove default focus stylen 3. Required for a elementsn /nn.uk-close:hover,n.uk-close:focus { // 1n opacity: 0.5n / 2 /n outline: nonen / 3 /n color: inheritn text-decoration: nonen cursor: pointern}nnn/ Modifiern /nn.uk-close-alt {n padding: close-alt-paddingn border-radius: 50%n background: close-alt-backgroundn opacity: 1n .hook-close-altn}nn/ Hover /n.uk-close-alt:hover,n.uk-close-alt:focus { opacity: 1 }nn/ Icon /n.uk-close-alt:after { opacity: 0.5 }nn.uk-close-alt:hover:after,n.uk-close-alt:focus:after { opacity: 0.8 }nnn// Hooksn// nn.hook-close-miscnn.hook-close() {}n.hook-close-alt() {}n.hook-close-misc() {}n// Name: Badgen// Description: Defines styles for badgesn//n// Component: uk-badgen//n// Modifiers: uk-badge-notificationn// uk-badge-successn// uk-badge-dangern//n// nnn// Variablesn// nnbadge-background: 00a8e6nbadge-padding-horizontal: 5pxnbadge-font-size: 10pxnbadge-font-weight: boldnbadge-line-height: 14pxnbadge-color: fffnbadge-text-transform: nonenbadge-hover-color: fffnnbadge-notification-font-size: 12pxnbadge-notification-line-height: 18pxnnbadge-success-background: 8cc14cnbadge-warning-background: faa732nbadge-danger-background: da314bnnn/ n Component: Badgen /nn.uk-badge {n display: inline-blockn padding: 0 badge-padding-horizontaln background: badge-backgroundn font-size: badge-font-sizen font-weight: badge-font-weightn line-height: badge-line-heightn color: badge-colorn text-align: centern vertical-align: middlen text-transform: badge-text-transformn .hook-badgen}nn/n Keep color when badge is a linkn /nna.uk-badge:hover { color: badge-hover-color }nnn/ Modifier: uk-badge-notificationn /nn.uk-badge-notification {n box-sizing: border-boxn min-width: badge-notification-line-heightn border-radius: 500pxn font-size: badge-notification-font-sizen line-height: badge-notification-line-heightn}nnn/ Color modifiern /nn/n Modifier: uk-badge-successn /nn.uk-badge-success {n background-color: badge-success-backgroundn .hook-badge-successn}nn/n Modifier: uk-badge-warningn /nn.uk-badge-warning {n background-color: badge-warning-backgroundn .hook-badge-warningn}nn/n Modifier: uk-badge-dangern /nn.uk-badge-danger {n background-color: badge-danger-backgroundn .hook-badge-dangern}nnn// Hooksn// nn.hook-badge-miscnn.hook-badge() {}n.hook-badge-success() {}n.hook-badge-warning() {}n.hook-badge-danger() {}n.hook-badge-misc() {}n// Name: Alertn// Description: Defines styles for alert messagesn//n// Component: uk-alertn//n// Sub-objects: uk-alert-closen//n// Modifiers: uk-alert-successn// uk-alert-warningn// uk-alert-dangern// uk-alert-largen//n// Uses: Close: uk-closen//n// Markup:n//n// n// n// n//

n//

n//n// nnn// Variablesn// nnalert-margin-vertical: 15pxnalert-padding: 10pxnalert-background: ebf7fdnalert-color: 2d7091nnalert-success-background: f2fae3nalert-success-color: 659f13nnalert-warning-background: fffcebnalert-warning-color: e28327nnalert-danger-background: fff1f0nalert-danger-color: d85030nnalert-large-padding: 20pxnnn/ n Component: Alertn /nn.uk-alert {n margin-bottom: alert-margin-verticaln padding: alert-paddingn background: alert-backgroundn color: alert-colorn .hook-alertn}nn/n Add margin if adjacent elementn /nn .uk-alert { margin-top: alert-margin-vertical }nn/n Remove margin from the last-childn /nn.uk-alert > :last-child { margin-bottom: 0 }nn/n Keep color for headings if the default heading color is changedn /nn.uk-alert h1,n.uk-alert h2,n.uk-alert h3,n.uk-alert h4,n.uk-alert h5,n.uk-alert h6 { color: inherit }nnn/ Close in alertn /nn.uk-alert > .uk-close:first-child { float: right }nn/n Remove margin from adjacent elementn /nn.uk-alert > .uk-close:first-child { margin-top: 0 }nnn/ Modifier: uk-alert-successn /nn.uk-alert-success {n background: alert-success-backgroundn color: alert-success-colorn .hook-alert-successn}nnn/ Modifier: uk-alert-warningn /nn.uk-alert-warning {n background: alert-warning-backgroundn color: alert-warning-colorn .hook-alert-warningn}nnn/ Modifier: uk-alert-dangern /nn.uk-alert-danger {n background: alert-danger-backgroundn color: alert-danger-colorn .hook-alert-dangern}nnn/ Modifier: uk-alert-largen /nn.uk-alert-large { padding: alert-large-padding }nn.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0 }nnn// Hooksn// nn.hook-alert-miscnn.hook-alert() {}n.hook-alert-success() {}n.hook-alert-warning() {}n.hook-alert-danger() {}n.hook-alert-misc() {}n// Name: Thumbnailn// Description: Defines styles for image thumbnailsn//n// Component: uk-thumbnailn//n// Sub-objects: uk-thumbnail-captionn//n// Modifiers: uk-thumbnail-minin// uk-thumbnail-smalln// uk-thumbnail-mediumn// uk-thumbnail-largen// uk-thumbnail-expandn//n// Markup:n//n// n// n// n//

n//

n//n// nnn// Variablesn// nnthumbnail-padding: 4pxnthumbnail-border: dddnthumbnail-border-width: 1pxnthumbnail-background: fffnthumbnail-hover-border: aaanthumbnail-hover-background: fffnnthumbnail-caption-padding: thumbnail-paddingnthumbnail-caption-color: 444nnthumbnail-mini-width: 150pxnthumbnail-small-width: 200pxnthumbnail-medium-width: 300pxnthumbnail-large-width: 400pxnnn/ n Component: Thumbnailn /nn/n 1. Container width fits its contentn 2. Responsive behaviorn 3. Corrects max-width behavior sedn 4. Required for figure elementn 5. Stylen /nn.uk-thumbnail {n / 1 /n display: inline-blockn / 2 /n max-width: 100%n / 3 /n box-sizing: border-boxn / 3 /n margin: 0n / 4 /n padding: thumbnail-paddingn border: thumbnail-border-width solid thumbnail-bordern background: thumbnail-backgroundn .hook-thumbnailn}nn/n Hover state for a elementsn 1. Apply hover style also to focus staten 2. Needed for captionn 3. Remove default focus stylen /nna.uk-thumbnail:hover,na.uk-thumbnail:focus { // 1n border-color: thumbnail-hover-bordern background-color: thumbnail-hover-backgroundn / 2 /n text-decoration: nonen / 3 /n outline: nonen .hook-thumbnail-hovern}nnn/ Captionn /nn.uk-thumbnail-caption {n padding-top: thumbnail-caption-paddingn text-align: centern color: thumbnail-caption-colorn .hook-thumbnail-captionn}nnn/ Sizesn /nn.uk-thumbnail-mini { width: thumbnail-mini-width }n.uk-thumbnail-small { width: thumbnail-small-width }n.uk-thumbnail-medium { width: thumbnail-medium-width }n.uk-thumbnail-large { width: thumbnail-large-width }nn.uk-thumbnail-expand,n.uk-thumbnail-expand > img { width: 100% }nnn// Hooksn// nn.hook-thumbnail-miscnn.hook-thumbnail() {}n.hook-thumbnail-hover() {}n.hook-thumbnail-caption() {}n.hook-thumbnail-misc() {}n// Name: Overlayn// Description: Defines styles for image overlaysn//n// Component: uk-overlayn//n// Sub-objects: uk-overlay-paneln// uk-overlay-hovern// uk-overlay-activen// uk-overlay-iconn//n// Modifier: uk-overlay-backgroundn// uk-overlay-imagen// uk-overlay-topn// uk-overlay-bottomn// uk-overlay-leftn// uk-overlay-rightn// uk-overlay-faden// uk-overlay-scalen// uk-overlay-spinn// uk-overlay-grayscalen// uk-overlay-slide-topn// uk-overlay-slide-bottomn// uk-overlay-slide-leftn// uk-overlay-slide-rightn//n// DEPRECATED: uk-overlay-arean// uk-overlay-area-contentn// uk-overlay-captionn// uk-overlay-togglen//n// States: uk-hovern// uk-activen// uk-ignoren//n// Uses: Icon: [class’uk-icon-‘]n// uk-border-circlen//n// Markup:n//n// n// n// n//

n//

n//n// nnn// Variablesn// nnoverlay-panel-padding: 20pxnoverlay-panel-color: fffnnoverlay-panel-background: rgba(0,0,0,0.5)nnoverlay-icon: “f002″noverlay-icon-size: 50pxnoverlay-icon-color: fffnnoverlay-fade-in-opacity: 1noverlay-fade-out-opacity: 0.7nnoverlay-scale-in-scale: 1.1noverlay-scale-out-scale: 1nnoverlay-spin-in-scale: 1.1noverlay-spin-out-scale: 1noverlay-spin-in-rotate: 3degnoverlay-spin-out-rotate: 0degnnoverlay-panel-link-color: inheritnoverlay-panel-link-text-decoration: underlinenn// DEPRECATEDnoverlay-area-background: rgba(0,0,0,0.3)nnoverlay-area-icon: “f002″noverlay-area-icon-size: 50pxnoverlay-area-icon-color: fffnnoverlay-area-content-font-size: 1remnoverlay-area-content-padding-horizontal: 15pxnoverlay-area-content-color: fffnoverlay-area-content-link-color: inheritnnoverlay-caption-background: rgba(0,0,0,0.5)noverlay-caption-padding: 15pxnoverlay-caption-color: fffnnn/ n Component: Overlayn /nn/n 1. Container width fits its contentn 2. Create position contextn 3. Set max-width for responsive images to prevent inline-block consequencesn 4. Remove the gap between the container and its child elementn 5. Needed for transitions and to fixed wrong scaling calculation for images in Chromen 6. Fixed overflow: hidden to be ignored with border-radius and CSS transforms in Webkitn 7. Reset marginn /nn.uk-overlay {n / 1 /n display: inline-blockn / 2 /n position: relativen / 3 /n max-width: 100%n / 4 /n vertical-align: middlen / 5 /n overflow: hiddenn / 6 /n -webkit-transform: translateZ(0)n / 7 /n margin: 0n}nn/ 6 for Safari /n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%) }nn/n Remove margin from contentn /nn.uk-overlay > :first-child { margin-bottom: 0 }nnn/ Sub-object uk-overlay-paneln /nn/n 1. Position covern 2. Stylen /nn.uk-overlay-panel {n / 1 /n position: absoluten top: 0n bottom: 0n left: 0n right: 0n / 2 /n padding: overlay-panel-paddingn color: overlay-panel-colorn .hook-overlay-paneln}nn/n Remove margin from the last-childn /nn.uk-overlay-panel > :last-child,n.uk-overlay-panel.uk-flex > > :last-child { margin-bottom: 0 }nn/n Keep color for headings if the default heading color is changedn /nn.uk-overlay-panel h1,n.uk-overlay-panel h2,n.uk-overlay-panel h3,n.uk-overlay-panel h4,n.uk-overlay-panel h5,n.uk-overlay-panel h6 { color: inherit }nn.uk-overlay-panel a:not([class]) {n color: overlay-panel-link-colorn text-decoration: overlay-panel-link-text-decorationn}nn.uk-overlay-panel a[class’uk-icon-‘]:not(.uk-icon-button) { color: overlay-panel-link-color }nnn/ Sub-object uk-overlay-hover and uk-overlay-activen /nn.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0 }nn.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0 }nnn/ Modifier uk-overlay-backgroundn /nn.uk-overlay-background {n background: overlay-panel-backgroundn .hook-overlay-backgroundn}nnn/ Modifier uk-overlay-imagen /nn/n Reset paneln /nn.uk-overlay-image {n padding: 0n .hook-overlay-imagen}nnn/ Position modifiersn /nn.uk-overlay-top { bottom: auto }nn.uk-overlay-bottom { top: auto }nn.uk-overlay-left { right: auto }nn.uk-overlay-right { left: auto }nnn/ Sub-object uk-overlay-iconn /nn.uk-overlay-icon:before {n content: overlay-iconn position: absoluten top: 50%n left: 50%n width: overlay-icon-sizen height: overlay-icon-sizen margin-top: -(overlay-icon-size / 2)n margin-left: -(overlay-icon-size / 2)n font-size: overlay-icon-sizen line-height: 1n font-family: FontAwesomen text-align: centern color: overlay-icon-colorn .hook-overlay-iconn}nnn/ Transitionsn /nn.uk-overlay-fade,n.uk-overlay-scale,n.uk-overlay-spin,n.uk-overlay-grayscale,n.uk-overlay-blur,n[class’uk-overlay-slide’] {n transition-duration: 0.3sn transition-timing-function: ease-outn transition-property: opacity, transform, filtern}nn.uk-overlay-active .uk-overlay-fade,n.uk-overlay-active .uk-overlay-scale,n.uk-overlay-active .uk-overlay-spin,n.uk-overlay-active [class’uk-overlay-slide’] { transition-duration: 0.8s }nn/n Faden /nn.uk-overlay-fade { opacity: overlay-fade-out-opacity }nn.uk-overlay-hover:hover .uk-overlay-fade,n.uk-overlay-hover.uk-hover .uk-overlay-fade,n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: overlay-fade-in-opacity }nn/n Scalen /nn.uk-overlay-scale {n -webkit-transform: scale(overlay-scale-out-scale)n transform: scale(overlay-scale-out-scale)n}nn.uk-overlay-hover:hover .uk-overlay-scale,n.uk-overlay-hover.uk-hover .uk-overlay-scale,n.uk-overlay-active .uk-active > .uk-overlay-scale {n -webkit-transform: scale(overlay-scale-in-scale)n transform: scale(overlay-scale-in-scale)n}nn/n Spinn /nn.uk-overlay-spin {n -webkit-transform: scale(overlay-spin-out-scale) rotate(overlay-spin-out-rotate)n transform: scale(overlay-spin-out-scale) rotate(overlay-spin-out-rotate)n}nn.uk-overlay-hover:hover .uk-overlay-spin,n.uk-overlay-hover.uk-hover .uk-overlay-spin,n.uk-overlay-active .uk-active > .uk-overlay-spin {n -webkit-transform: scale(overlay-spin-in-scale) rotate(overlay-spin-in-rotate)n transform: scale(overlay-spin-in-scale) rotate(overlay-spin-in-rotate)n}nn/n Grayscalen /nn.uk-overlay-grayscale {n -webkit-filter: grayscale(100%)n filter: grayscale(100%)n}nn.uk-overlay-hover:hover .uk-overlay-grayscale,n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,n.uk-overlay-active .uk-active > .uk-overlay-grayscale {n -webkit-filter: grayscale(0%)n filter: grayscale(0%)n}nn/n Sliden /nn[class’uk-overlay-slide’] { opacity: 0 }nn/ Top /n.uk-overlay-slide-top {n -webkit-transform: translateY(-100%)n transform: translateY(-100%)n}nn/ Bottom /n.uk-overlay-slide-bottom {n -webkit-transform: translateY(100%)n transform: translateY(100%)n}nn/ Left /n.uk-overlay-slide-left {n -webkit-transform: translateX(-100%)n transform: translateX(-100%)n}nn/ Right /n.uk-overlay-slide-right {n -webkit-transform: translateX(100%)n transform: translateX(100%)n}nn/ Hover /n.uk-overlay-hover:hover [class’uk-overlay-slide’],n.uk-overlay-hover.uk-hover [class’uk-overlay-slide’],n.uk-overlay-active .uk-active > [class’uk-overlay-slide’] {n opacity: 1n -webkit-transform: translateX(0) translateY(0)n transform: translateX(0) translateY(0)n}nnn/ DEPRECATEDn Sub-object uk-overlay-arean /nn/n 1. Set positionn 2. Set stylen 3. Fade-in transitionn /nn.uk-overlay-area {n / 1 /n position: absoluten top: 0n bottom: 0n left: 0n right: 0n / 2 /n background: overlay-area-backgroundn / 3 /n opacity: 0n -webkit-transition: opacity 0.15s linearn transition: opacity 0.15s linearn -webkit-transform: translate3d(0,0,0)n .hook-overlay-arean}nn/n Hovern 1. uk-hover to support touch devicesn 2. Use optional uk-overlay-toggle to trigger the overlay earliern /nn.uk-overlay:hover .uk-overlay-area,n.uk-overlay.uk-hover .uk-overlay-area, // 1n.uk-overlay-toggle:hover .uk-overlay-area, // 2n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1 }nn/n Iconn /nn.uk-overlay-area:empty:before {n content: overlay-area-iconn position: absoluten top: 50%n left: 50%n width: overlay-area-icon-sizen height: overlay-area-icon-sizen margin-top: -(overlay-area-icon-size / 2)n margin-left: -(overlay-area-icon-size / 2)n font-size: overlay-area-icon-sizen line-height: 1n font-family: FontAwesomen text-align: centern color: overlay-area-icon-colorn .hook-overlay-area-iconn}nnn/ DEPRECATEDn Sub-object uk-overlay-area-contentn /nn/n Remove whitespace between child elements when using inline-blockn Needed for Firefoxn /nn.uk-overlay-area:not(:empty) { font-size: 0.001px }nn/n 1. Needed for vertical alignmentn /nn.uk-overlay-area:not(:empty):before {n content: ”n display: inline-blockn height: 100%n vertical-align: middlen}nn/n 1. Set vertical alignmentn 2. Reset whitespace hackn 3. Set horizontal alignmentn 4. Set stylen /nn.uk-overlay-area-content {n / 1 /n display: inline-blockn box-sizing: border-boxn width: 100%n vertical-align: middlen / 2 /n font-size: overlay-area-content-font-sizen / 3 /n text-align: centern / 4 /n padding: 0 overlay-area-content-padding-horizontaln color: overlay-area-content-colorn .hook-overlay-area-contentn}nn/n Remove margin from the last-childn /nn.uk-overlay-area-content > :last-child { margin-bottom: 0 }nn/n Links in overlay arean /nn.uk-overlay-area-content a:not([class]),n.uk-overlay-area-content a:not([class]):hover { color: overlay-area-content-link-color }nnn/ DEPRECATEDn Sub-object uk-overlay-captionn /nn/n 1. Set positionn 2. Set stylen 3. Fade-in transitionn /nn.uk-overlay-caption {n / 1 /n position: absoluten bottom: 0n left: 0n right: 0n / 2 /n padding: overlay-caption-paddingn background: overlay-caption-backgroundn color: overlay-caption-colorn / 3 /n opacity: 0n -webkit-transition: opacity 0.15s linearn transition: opacity 0.15s linearn -webkit-transform: translate3d(0,0,0)n .hook-overlay-captionn}nn/n Hovern 1. uk-hover to support touch devicesn 2. Use optional uk-overlay-toggle to trigger the overlay earliern /nn.uk-overlay:hover .uk-overlay-caption,n.uk-overlay.uk-hover .uk-overlay-caption, // 1n.uk-overlay-toggle:hover .uk-overlay-caption, // 2n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1 }nnn// Hooksn// nn.hook-overlay-miscnn.hook-overlay-panel() {}n.hook-overlay-background() {}n.hook-overlay-image() {}n.hook-overlay-icon() {}n.hook-overlay-misc() {}nn// DEPRECATEDn.hook-overlay-area() {}n.hook-overlay-area-icon() {}n.hook-overlay-area-content() {}n.hook-overlay-caption() {}nn// Name: Columnn// Description: Provides a responsive, fluid and nestable columns for text and inline elementsn//n// Component: uk-columnn//n// Modifiers: uk-column-smalln// uk-column-medium-n//n// nnn// Variablesn// nncolumn-gutter: 25pxnnn/ n Component: Columnn /nn[class’uk-column-‘] {n -webkit-column-gap: column-guttern -moz-column-gap: column-guttern column-gap: column-guttern .hook-columnn}nnn/ Width modifiersn /nn.uk-column-1-2 {n -webkit-column-count: 2n -moz-column-count: 2n column-count: 2n}nn.uk-column-1-3 {n -webkit-column-count: 3n -moz-column-count: 3n column-count: 3n}nn.uk-column-1-4 {n -webkit-column-count: 4n -moz-column-count: 4n column-count: 4n}nn.uk-column-1-5 {n -webkit-column-count: 5n -moz-column-count: 5n column-count: 5n}nn.uk-column-1-6 {n -webkit-column-count: 6n -moz-column-count: 6n column-count: 6n}nn/ Phone landscape and bigger /nmedia (min-width: breakpoint-small) {nn .uk-column-small-1-2 {n -webkit-column-count: 2n -moz-column-count: 2n column-count: 2n }nn .uk-column-small-1-3 {n -webkit-column-count: 3n -moz-column-count: 3n column-count: 3n }nn .uk-column-small-1-4 {n -webkit-column-count: 4n -moz-column-count: 4n column-count: 4n }nn .uk-column-small-1-5 {n -webkit-column-count: 5n -moz-column-count: 5n column-count: 5n }nn .uk-column-small-1-6 {n -webkit-column-count: 6n -moz-column-count: 6n column-count: 6n }nn}nn/ Tablet and bigger /nmedia (min-width: breakpoint-medium) {nn .uk-column-medium-1-2 {n -webkit-column-count: 2n -moz-column-count: 2n column-count: 2n }nn .uk-column-medium-1-3 {n -webkit-column-count: 3n -moz-column-count: 3n column-count: 3n }nn .uk-column-medium-1-4 {n -webkit-column-count: 4n -moz-column-count: 4n column-count: 4n }nn .uk-column-medium-1-5 {n -webkit-column-count: 5n -moz-column-count: 5n column-count: 5n }nn .uk-column-medium-1-6 {n -webkit-column-count: 6n -moz-column-count: 6n column-count: 6n }nn}nn/ Desktop and bigger /nmedia (min-width: breakpoint-large) {nn .uk-column-large-1-2 {n -webkit-column-count: 2n -moz-column-count: 2n column-count: 2n }nn .uk-column-large-1-3 {n -webkit-column-count: 3n -moz-column-count: 3n column-count: 3n }nn .uk-column-large-1-4 {n -webkit-column-count: 4n -moz-column-count: 4n column-count: 4n }nn .uk-column-large-1-5 {n -webkit-column-count: 5n -moz-column-count: 5n column-count: 5n }nn .uk-column-large-1-6 {n -webkit-column-count: 6n -moz-column-count: 6n column-count: 6n }nn}nn/ Large screen and bigger /nmedia (min-width: breakpoint-xlarge) {nn .uk-column-xlarge-1-2 {n -webkit-column-count: 2n -moz-column-count: 2n column-count: 2n }nn .uk-column-xlarge-1-3 {n -webkit-column-count: 3n -moz-column-count: 3n column-count: 3n }nn .uk-column-xlarge-1-4 {n -webkit-column-count: 4n -moz-column-count: 4n column-count: 4n }nn .uk-column-xlarge-1-5 {n -webkit-column-count: 5n -moz-column-count: 5n column-count: 5n }nn .uk-column-xlarge-1-6 {n -webkit-column-count: 6n -moz-column-count: 6n column-count: 6n }n}nnn// Hooksn// nn.hook-column-miscnn.hook-column() {}n.hook-column-misc() {}nn// Name: Animationn// Description: Provides a useful set of keyframe animationsn//n// Component: uk-animation-n//n// Modifiers: uk-animation-faden// uk-animation-scale-upn// uk-animation-scale-downn// uk-animation-slide-topn// uk-animation-slide-bottomn// uk-animation-slide-leftn// uk-animation-slide-rightn// uk-animation-scalen// uk-animation-shaken// uk-animation-reversen// uk-animation-15n// uk-animation-top-leftn// uk-animation-top-centern// uk-animation-top-rightn// uk-animation-middle-leftn// uk-animation-middle-rightn// uk-animation-bottom-leftn// uk-animation-bottom-centern// uk-animation-bottom-rightn//n// Sub-objects: uk-animation-hovern//n// Uses: Scrollspyn//n// Used by: Dropdownn// Iconn// Searchn// Datepickern// Slideshown//n// nnn/ n Component: Animationn /nn[class’uk-animation-‘] {n -webkit-animation-duration: 0.5sn animation-duration: 0.5sn -webkit-animation-timing-function: ease-outn animation-timing-function: ease-outn -webkit-animation-fill-mode: bothn animation-fill-mode: bothn}nn/ Hide animated element if scrollspy is used /nmedia screen {nn [data-uk-scrollspy’uk-animation-‘]:not([data-uk-scrollspy’target’]) { opacity: 0 }nn}nn/n Faden Higher specificity (!important) needed because of reverse modifiern /nn.uk-animation-fade {n -webkit-animation-name: uk-faden animation-name: uk-faden -webkit-animation-duration: 0.8sn animation-duration: 0.8sn -webkit-animation-timing-function: linear !importantn animation-timing-function: linear !importantn}nn/n Fade with scalen /nn.uk-animation-scale-up {n -webkit-animation-name: uk-fade-scale-02n animation-name: uk-fade-scale-02n}nn.uk-animation-scale-down {n -webkit-animation-name: uk-fade-scale-18n animation-name: uk-fade-scale-18n}nn/n Fade with sliden /nn.uk-animation-slide-top {n -webkit-animation-name: uk-fade-topn animation-name: uk-fade-topn}nn.uk-animation-slide-bottom {n -webkit-animation-name: uk-fade-bottomn animation-name: uk-fade-bottomn}nn.uk-animation-slide-left {n -webkit-animation-name: uk-fade-leftn animation-name: uk-fade-leftn}nn.uk-animation-slide-right {n -webkit-animation-name: uk-fade-rightn animation-name: uk-fade-rightn}nn/n Scalen /nn.uk-animation-scale {n -webkit-animation-name: uk-scale-12n animation-name: uk-scale-12n}nn/n Shaken /nn.uk-animation-shake {n -webkit-animation-name: uk-shaken animation-name: uk-shaken}nnn/ Direction modifiersn /nn.uk-animation-reverse {n -webkit-animation-direction: reversen animation-direction: reversen -webkit-animation-timing-function: ease-inn animation-timing-function: ease-inn}nnn/ Duration modifiersn /nn.uk-animation-15 {n -webkit-animation-duration: 15sn animation-duration: 15sn}nnn/ Origin modifiersn /nn.uk-animation-top-left {n -webkit-transform-origin: 0 0n transform-origin: 0 0n}nn.uk-animation-top-center {n -webkit-transform-origin: 50% 0n transform-origin: 50% 0n}nn.uk-animation-top-right {n -webkit-transform-origin: 100% 0n transform-origin: 100% 0n}nn.uk-animation-middle-left {n -webkit-transform-origin: 0 50%n transform-origin: 0 50%n}nn.uk-animation-middle-right {n -webkit-transform-origin: 100% 50%n transform-origin: 100% 50%n}nn.uk-animation-bottom-left {n -webkit-transform-origin: 0 100%n transform-origin: 0 100%n}nn.uk-animation-bottom-center {n -webkit-transform-origin: 50% 100%n transform-origin: 50% 100%n}nn.uk-animation-bottom-right {n -webkit-transform-origin: 100% 100%n transform-origin: 100% 100%n}nnn/ Sub-object: uk-animation-hovern /nn/n Enable animation only on hovern Note: Firefox also needs this because animations are not triggered when switching between display hidden and blockn /nn.uk-animation-hover:not(:hover),n.uk-animation-hover:not(:hover) [class’uk-animation-‘],n.uk-touch .uk-animation-hover:not(.uk-hover),n.uk-touch .uk-animation-hover:not(.uk-hover) [class’uk-animation-‘] {n -webkit-animation-name: nonen animation-name: nonen}nnn/ Keyframes: Faden Used by dropdown, datepicker and slideshow componentn /nn-webkit-keyframes uk-fade {n 0% { opacity: 0 }n 100% { opacity: 1 }n}nnkeyframes uk-fade {n 0% { opacity: 0 }n 100% { opacity: 1 }n}nnn/ Keyframes: Fade with sliden /nn/n Topn /nn-webkit-keyframes uk-fade-top {n 0% {n opacity: 0n -webkit-transform: translateY(-100%)n }n 100% {n opacity: 1n -webkit-transform: translateY(0)n }n}nnkeyframes uk-fade-top {n 0% {n opacity: 0n transform: translateY(-100%)n }n 100% {n opacity: 1n transform: translateY(0)n }n}nn/n Bottomn /nn-webkit-keyframes uk-fade-bottom {n 0% {n opacity: 0n -webkit-transform: translateY(100%)n }n 100% {n opacity: 1n -webkit-transform: translateY(0)n }n}nnkeyframes uk-fade-bottom {n 0% {n opacity: 0n transform: translateY(100%)n }n 100% {n opacity: 1n transform: translateY(0)n }n}nn/n Leftn /nn-webkit-keyframes uk-fade-left {n 0% {n opacity: 0n -webkit-transform: translateX(-100%)n }n 100% {n opacity: 1n -webkit-transform: translateX(0)n }n}nnkeyframes uk-fade-left {n 0% {n opacity: 0n transform: translateX(-100%)n }n 100% {n opacity: 1n transform: translateX(0)n }n}nn/n Rightn /nn-webkit-keyframes uk-fade-right {n 0% {n opacity: 0n -webkit-transform: translateX(100%)n }n 100% {n opacity: 1n -webkit-transform: translateX(0)n }n}nnkeyframes uk-fade-right {n 0% {n opacity: 0n transform: translateX(100%)n }n 100% {n opacity: 1n transform: translateX(0)n }n}nnn/ Keyframes: Fade with scalen /nn/n Scale by 0.2n /nn-webkit-keyframes uk-fade-scale-02 {n 0% {n opacity: 0n -webkit-transform: scale(0.2)n }n 100% {n opacity: 1n -webkit-transform: scale(1)n }n}nnkeyframes uk-fade-scale-02 {n 0% {n opacity: 0n transform: scale(0.2)n }n 100% {n opacity: 1n transform: scale(1)n }n}nn/n Scale by 1.5n Used by slideshow componentn /nn-webkit-keyframes uk-fade-scale-15 {n 0% {n opacity: 0n -webkit-transform: scale(1.5)n }n 100% {n opacity: 1n -webkit-transform: scale(1)n }n}nnkeyframes uk-fade-scale-15 {n 0% {n opacity: 0n transform: scale(1.5)n }n 100% {n opacity: 1n transform: scale(1)n }n}nn/n Scale by 1.8n /nn-webkit-keyframes uk-fade-scale-18 {n 0% {n opacity: 0n -webkit-transform: scale(1.8)n }n 100% {n opacity: 1n -webkit-transform: scale(1)n }n}nnkeyframes uk-fade-scale-18 {n 0% {n opacity: 0n transform: scale(1.8)n }n 100% {n opacity: 1n transform: scale(1)n }n}nnn/ Keyframes: Sliden Used by slideshow componentn /nn/n Leftn /nn-webkit-keyframes uk-slide-left {n 0% { -webkit-transform: translateX(-100%) }n 100% { -webkit-transform: translateX(0) }n}nnkeyframes uk-slide-left {n 0% { transform: translateX(-100%) }n 100% { transform: translateX(0) }n}nn/n Rightn /nn-webkit-keyframes uk-slide-right {n 0% { -webkit-transform: translateX(100%) }n 100% { -webkit-transform: translateX(0) }n}nnkeyframes uk-slide-right {n 0% { transform: translateX(100%) }n 100% { transform: translateX(0) }n}nn/n Left thirdn /nn-webkit-keyframes uk-slide-left-33 {n 0% { -webkit-transform: translateX(33%) }n 100% { -webkit-transform: translateX(0) }n}nnkeyframes uk-slide-left-33 {n 0% { transform: translateX(33%) }n 100% { transform: translateX(0) }n}nn/n Right thirdn /nn-webkit-keyframes uk-slide-right-33 {n 0% { -webkit-transform: translateX(-33%) }n 100% { -webkit-transform: translateX(0) }n}nnkeyframes uk-slide-right-33 {n 0% { transform: translateX(-33%) }n 100% { transform: translateX(0) }n}nnn/ Keyframes: Scalen /nn-webkit-keyframes uk-scale-12 {n 0% { -webkit-transform: scale(1.2) }n 100% { -webkit-transform: scale(1) }n}nnkeyframes uk-scale-12 {n 0% { transform: scale(1.2) }n 100% { transform: scale(1) }n}nnn/ Keyframes: Rotaten Used by icon componentn /nn-webkit-keyframes uk-rotate {n 0% { -webkit-transform: rotate(0deg) }n 100% { -webkit-transform: rotate(359deg) }n}nnkeyframes uk-rotate {n 0% { transform: rotate(0deg) }n 100% { transform: rotate(359deg) }n}nnn/ Keyframes: Shaken /nn-webkit-keyframes uk-shake {n 0%, 100% { -webkit-transform: translateX(0) }n 10% { -webkit-transform: translateX(-9px) }n 20% { -webkit-transform: translateX(8px) }n 30% { -webkit-transform: translateX(-7px) }n 40% { -webkit-transform: translateX(6px) }n 50% { -webkit-transform: translateX(-5px) }n 60% { -webkit-transform: translateX(4px) }n 70% { -webkit-transform: translateX(-3px) }n 80% { -webkit-transform: translateX(2px) }n 90% { -webkit-transform: translateX(-1px) }n}nnkeyframes uk-shake {n 0%, 100% { transform: translateX(0) }n 10% { transform: translateX(-9px) }n 20% { transform: translateX(8px) }n 30% { transform: translateX(-7px) }n 40% { transform: translateX(6px) }n 50% { transform: translateX(-5px) }n 60% { transform: translateX(4px) }n 70% { transform: translateX(-3px) }n 80% { transform: translateX(2px) }n 90% { transform: translateX(-1px) }n}nnn/ Keyframes: Fade with slide fixedn Used by dropdown and search componentn /nn/n Top fixedn /nn-webkit-keyframes uk-slide-top-fixed {n 0% {n opacity: 0n -webkit-transform: translateY(-10px)n }n 100% {n opacity: 1n -webkit-transform: translateY(0)n }n}nnkeyframes uk-slide-top-fixed {n 0% {n opacity: 0n transform: translateY(-10px)n }n 100% {n opacity: 1n transform: translateY(0)n }n}nn/n Bottom fixedn /nn-webkit-keyframes uk-slide-bottom-fixed {n 0% {n opacity: 0n -webkit-transform: translateY(10px)n }n 100% {n opacity: 1n -webkit-transform: translateY(0)n }n}nnkeyframes uk-slide-bottom-fixed {n 0% {n opacity: 0n transform: translateY(10px)n }n 100% {n opacity: 1n transform: translateY(0)n }n}nnn// Hooksn// nn.hook-animation-miscnn.hook-animation-misc() {}nnn// JavaScriptn// Name: Dropdownn// Description: Defines styles for a toggleable dropdownn//n// Component: uk-dropdownn//n// Sub-objects: uk-dropdown-overlayn//n// Modifiers: uk-dropdown-blankn// uk-dropdown-topn// uk-dropdown-bottomn// uk-dropdown-leftn// uk-dropdown-rightn// uk-dropdown-justifyn// uk-dropdown-gridn// uk-dropdown-width-2n// uk-dropdown-width-3n// uk-dropdown-width-4n// uk-dropdown-width-5n// uk-dropdown-stackn// uk-dropdown-smalln// uk-dropdown-navbarn// uk-dropdown-scrollablen//n// States: uk-openn//n// Uses: Animationn// Grid: uk-width-n// Panel: uk-paneln// Nav: uk-navn//n// nnn// Variablesn// nndropdown-z-index:

Ini 30 Tebak-Tebakan Hewan yang Susah Ditebak dan Receh

Sebutkan nama hewan di indonesia yang sulit ditebak minimal 4

10 Spesies Hewan Yang Paling Sulit Ditemukan Di Bumi

105 Tebak-tebakan lucu nama hewan ini bikin geregetan

35 Tebak-Tebakan Hewan Lucu, Receh, Susah Ditebak dan Menghibur untuk Game Tahun Baru Bareng Teman, Seru Abis!

6 Hewan Paling Sulit Ditemukan di Dunia

20 Hewan Langka di Dunia Yang Paling Sulit Ditemui

60 Tebakan Lucu Gajah yang Dijamin Sulit Ditebak Bikin Mikir Keras

30 Tebak-tebakan Lucu Nama Hewan, Pengusir Bosan dan Penat

Hampir Mustahil Ditemukan, Ini 11 Hewan Paling Langka di Dunia

Pertanyaan 7 Teka Teki Lucu Seputar Binatang, Tapi Susah Ditebak

40 Tebak-tebakan Sulit dengan Jawaban Menjebak, Bikin Gregetan