| <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> | |
| <div class="grid-wrapper"> | |
| <header id="header"> | |
| <h1 id="header-img">Joy Pill</h1> | |
| <nav id="nav-bar"> | |
| <ul> | |
| <li class="nav-link"><a href="#features">Features</a></li> | |
| <li class="nav-link"><a href="#whatitfeels">What It Feels Like</a></li> | |
| <li class="nav-link"><a href="#pricing">Pricing and Flavors</a></li> |
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
| 12006 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\delegates | |
| 12007 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\detect-libc | |
| 12008 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\fs.realpath | |
| 12009 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\has-unicode | |
| 12010 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\inherits | |
| 12011 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\ini | |
| 12012 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\isarray | |
| 12013 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\minimatch | |
| 12014 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\ignore-walk | |
| 12015 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\minim |
| @mixin valid-quantity($quantity) { | |
| @if type-of($quantity) != 'number' { | |
| @error 'The "quantity" parameter must be a number!'; | |
| } | |
| @if not(unitless($quantity)) { | |
| @error 'The "quantity" parameter must not have a unit!'; | |
| } | |
| @if $quantity < 0 { | |
| @error 'The "quantity" parameter must be at least 0!'; | |
| } |
| @mixin flexbox { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| @mixin inline-flex { | |
| display: -webkit-inline-box; |
| .items { | |
| display: flex; | |
| flex-wrap: wrap; | |
| width: 1000px; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| margin: -3% 0 0 -3%; | |
| } |
| <div class="pw page"> | |
| <div class="page__grid"> | |
| <div class="page__col page__col--1"> | |
| <article class="article"> | |
| <div class="article__content"> | |
| <div class="acc"> | |
| <div class="article__gallery js-articleGalleryWrapper"> | |
| <div class="owl-carousel js-articleGallery"> | |
| <div class="owl-lazy article__slide" data-src="https://picsum.photos/600/400"></div> | |
| <div class="owl-lazy article__slide" data-src="https://picsum.photos/600/400"></div> |
| <div class=""> | |
| <div class="heading-block heading-block--light"> | |
| <h2 class="heading-block__head">Професионализъм и партньорство</h2> | |
| </div> | |
| <div class="flex-list flex-list--check"> | |
| <a class="flex-list__item" href="#">Устав</a> | |
| <a class="flex-list__item" href="#">Ръководство</a> | |
| <a class="flex-list__item" href="#">Фирми</a> | |
| <a class="flex-list__item" href="#">Издания</a> |
| // Sizes filteration | |
| .filter-sizes { | |
| ul { | |
| & { display: flex; flex-wrap: wrap; } | |
| & > * { flex-shrink: 0; flex-grow: 0; flex-basis: 31%; margin: 0 3.5% 0 0; padding-bottom: 3.5%; overflow: hidden; } | |
| & > :nth-child(3n) { margin-right: 0; } | |
| } | |
| input { | |
| & { opacity: 0; visibility: hidden; } | |
| &:checked + a, &:checked + span { |
