<aside> 🙏 We're working hard to build Oxyblock!

</aside>

December 17, 2021

New features

<aside> 👉 If you do not see the changes. Please delete the Provider and re-enter only the Connector String and License. Do not click Install Wizard.

</aside>

11 New blocks

• 1 New blocks for HEADER → #05
• 1 New blocks for FOOTER → #06

November 15, 2021

New features

• We have migrated our website to another hosting. We have also revamped the website content to showcase Oxyblock's features in an attractive way.
• We have now upgraded the Asura plugin and Asura Connector V3 to V4. For more information visit asura.docs.oxyrealm.com/guide/asura-connector.html
• We have added 4 new plans for a better choice in your projects. For more information visit oxyblock.xyz/pricing
  • Oxyblock Free
  • Oxyblock Design
  • Oxyblock Developer
  • Oxyblock Agency
• Those who have purchased the Oxyblock Lifetime plan will get Oxyblock Agency automatically. During this week new purchases and licenses will be generated to all Oxyblock users.
• You can access the previous website through this link v1.oxyblock.xyz, this website will be available for a few months.

July 22, 2021

New features

<aside> 👉 If you do not see the changes. Please delete the Provider and re-enter only the Connector String and License. Do not click Install Wizard.

</aside>

10 New blocks

• 1 New blocks for CALL TO ACTION → #08
• 1 New blocks for CONTENT → #19
• 2 New blocks for HERO & TITLES → #13 to #14
• 1 New blocks for PEOPLE → #07
• 2 New blocks for PRICING → #04 to #05
• 3 New blocks for **SHOWCASE** → #07 to #09

Soon at Oxyblock

<aside> 🖼️ We are taking a 4 week break to recharge our batteries.

</aside>

We will be back with many more for Oxyblock.

• Hosting migration
• Website redesign
• Launch of Dark Mode for Design UI
• New plans for Oxyblock
• Much more

July 7, 2021

New features

Design UI Kit

Design System Page Light Mode and Dark Mode

• Dark Mode will be in the new file named Oxyblock - Design UI Kit - Dark Mode.fig
• Added the Color Variants
  • Primary-Light and Primary-Dark
  • Secondary-Light and Secondary-Dark
• Added the Color Typography
  • Heading Alt
  • Paragraphs Alt
• Added the Color Light Mode
  • Body
  • Background (color changed from active to color light)
• Added the Color Dark Mode
  • Body
  • Background
• Added the Paragraphs Extra Small
• Added different sizes for the Buttons
  • Button Default, Button With Icon and Button Icon
    • Small
    • Medium
    • Large
    • Extra Large

Design Set

Design System Page

• Added **classes** for Color Variants

  /* BACKGROUND COLOR */
  .ob-bg-primary-light {}
  .ob-bg-primary-dark{}
  .ob-bg-secondary-light {}
  .ob-bg-secondary-dark{}
  
  /* TEXTCOLOR */
  .ob-text-primary-light {}
  .ob-text-primary-dark{}
  .ob-text-secondary-light {}
  .ob-text-secondary-dark{}
  

• Added **classes** for Color Typography

  /* HEADING ALTERNATE COLOR */
  .ob-bg-heading-alt {}
  .ob-text-heading-alt {}
  
  /* PARAGRAPHS ALTERNATE COLOR */
  .ob-bg-paragraphs-alt {}
  .ob-text-paragraphs-alt {}
  

• Added **classes** for Color Light Mode

  /* BODY LIGHT COLOR */
  .ob-bg-body {}
  .ob-text-body {}
  

• Added **classes** for Color Dark Mode

  /* BODY DARK COLOR */
  .ob-bg-body-dark {}
  .ob-text-body-dark {}
  
  /* BACKGROUND DARK COLOR */
  .ob-bg-background-dark {}
  .ob-text-background-dark {}
  

• Added **classes** for Typography - Paragraphs

  /* PARAGRAPHS EXTRA SMALL */
  .ob-p-xs {}
  

• Added **classes** for different sizes for the Buttons

  /* BUTTON DEFAULT SIZES */
  .ob-btn-sm {}
  .ob-btn-md {}
  .ob-btn-lg {}
  .ob-btn-xl {}
  

Bug fixes & improvements

Oxyblock

<aside> 👉 If you do not see the changes. Please delete the Provider and re-enter only the Connector String and License. Do not click Install Wizard.

</aside>

• Fixed a bug in **Blog #03, #04, #07** changed the .swiper-container class with the class of each container of the slider. Also, we added the container class for each navigation, to be able to manage the navigation in a unique way.

  /* BEFORE */
  var swiper = new Swiper('.swiper-container', {
  		navigation: {
  	     nextEl: '.swiper-button-next',
  	     prevEl: '.swiper-button-prev',
  	   },
  }
  
  /* AFTER */
  var swiper = new Swiper('.ob-blog-3-slider', {
  		navigation: {
  	     nextEl: '.ob-blog-3 .swiper-button-next',
  	     prevEl: '.ob-blog-3 .swiper-button-prev',
  	   },
  }
  

• Fixed a bug in **Call To Action #07** changed padding properties from px to rem.

  

• Fixed a bug in **Hero & Titles #08, #10** changed padding properties from px to rem.

  

• Fixed a bug in **Header #01, #02, #04** modified the size of the grid columns in the .oxy-header-container from 12 col to 2-3 col.

  

  Before

  

  After

• Fixed a bug in **Slider, Tabs & Accordions #01 to #04** changed the .swiper-container class with the class of each container of the slider. Also, we added the container class for each navigation, to be able to manage the navigation in a unique way.

  /* BEFORE */
  var swiper = new Swiper('.swiper-container', {
  		navigation: {
  	     nextEl: '.swiper-button-next',
  	     prevEl: '.swiper-button-prev',
  	   },
  		pagination: {
        el: '.swiper-pagination',
      },
  }
  
  /* AFTER */
  var swiper = new Swiper('.ob-sta-2', {
  		navigation: {
  	     nextEl: '.ob-sta-2 .swiper-button-next',
  	     prevEl: '.ob-sta-2 .swiper-button-prev',
  	   },
  		pagination: {
        el: '.ob-sta-2 .swiper-pagination',
      },
  }
  

• Fixed a bug in **Social Proof #01 to #04** changed the .swiper-container class with the class of each container of the slider. Also, we added the container class for each navigation, to be able to manage the navigation in a unique way.

  /* BEFORE */
  var swiper = new Swiper('.swiper-container', {
  		navigation: {
  	     nextEl: '.swiper-button-next',
  	     prevEl: '.swiper-button-prev',
  	   },
  		pagination: {
        el: '.swiper-pagination',
      },
  }
  
  /* AFTER */
  var swiper = new Swiper('.ob-social-1-slider', {
  		navigation: {
  	     nextEl: '.ob-social-1 .swiper-button-next',
  	     prevEl: '.ob-social-1 .swiper-button-prev',
  	   },
  		pagination: {
        el: '.ob-social-1 .swiper-pagination',
      },
  }
  

July 1, 2021