1.0.0 • Published 8 years ago

responsiva v1.0.0

Weekly downloads
3
License
ISC
Repository
github
Last release
8 years ago

Responsiva version 0.2

##Responsiva's updated docs & examples HERE

###Open Source Responsive CSS Framework

  • Simple and lightweight responsive CSS framework
  • Built-in RTL support (responsiva.rtl.css)
  • Created by developers for developers
  • Very clean grid system

Created by developer for users and developers =)

###Examples:

#####Simple grid System: DEMO Link #####Simple grid RTL version: RTL DEMO #####Stuck grid system: DEMO Link

####Usage

  • install with bower:
	bower install responsiva
  • add responsiva.css to your HTML/Theme:
<link rel="stylesheet" type="text/css" href="responsiva.css">
  • to add RTL support to your HTML/Theme add respondiva.rtl.css after the main responsiva.css file:
<link rel="stylesheet" type="text/css" href="responsiva.rtl.css">
  • build your grid system (for example):
<div class="main_container">
	<div class="row">		
		<div class="col-12">col-12</div>
	</div>
	<div class="row">		
		<div class="col-6">col-6</div>
		<div class="col-6">col-6</div>
	</div>
	<div class="row">		
		<div class="col-5">col-5</div>
		<div class="col-7">col-7</div>
	</div>				
</div>
  • example with specific mobile grid system:
<div class="main_container">
	<div class="row">
		<div class="col-8 mob-6">desktop-8 mobile-6</div>
		<div class="col-4 mob-6">desktop-4 mobile-8</div>
	</div>
</div>