Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
46432909 by bootflat
Options

upload bootflat 2.0.3

1 parent 48001679
Expand all
Inline Side-by-side
Showing 22 changed files with 463 additions and 57 deletions
......@@ -11,9 +11,9 @@
[![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io)
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.5`.
Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`.
Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.
......@@ -27,8 +27,8 @@ For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI
## Features:
### 1. Bootstrap 3.1.1
Bootflat is built on Bootstrap 3.1.1: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
### 1. Bootstrap 3.2.0
Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
### 2. HTML5 & CSS3
Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization.
......@@ -52,7 +52,7 @@ The source files are in the `bootflat/` folder. You can just grab the `bootflat/
<html>
<head>
<title>Minimal Bootflat example</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
</head>
......@@ -62,7 +62,7 @@ The source files are in the `bootflat/` folder. You can just grab the `bootflat/
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Bootflat's JS files.-->
<script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
......@@ -82,6 +82,8 @@ The source files are in the `bootflat/` folder. You can just grab the `bootflat/
## Changelog:
2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`
2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`
2014/4/3 version 2.0.1 `support bootstrap 3.1.1`
......
# Meta data
name: Bootflat
authors: flathemes
description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.
description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.
# Dependencies
pygments: true
......@@ -15,5 +15,5 @@ url: http://bootflat.github.io
encoding: UTF-8
# Custom vars
current_version: 2.0.2
current_version: 2.0.3
repo: https://github.com/bootflat/bootflat.github.io
......
......@@ -21,6 +21,8 @@
"bootflat/selecter",
"bootflat/checkbox_radio",
"bootflat/toggle",
"bootflat/calendar",
"bootflat/pricing",
"bootflat/alert",
"bootflat/tab",
"bootflat/pill",
......
// Variables
//------------------------------------------------------
$calendar-background-color: $bittersweet-light !default;
$calendar-font-color: $white !default;
$calendar-current-color: $bittersweet-dark !default;
$calendar-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
$calendar-radius: 4px !default;
// Exports
//------------------------------------------------------
@include exports("calendar") {
/**
* calendar
* --------------------------------------------------
*/
.calendar {
padding: 20px;
@include radius($type: border-radius, $value: $calendar-radius);
color: $white;
background-color: lighten($calendar-background-color, 10%);
@include box-shadow($value: $calendar-shadow);
& .unit {
float: left;
width: 14.28%;
text-align: center;
}
& .years {
& .prev {
text-align: left;
}
& .next {
text-align: right;
}
& .prev em,
& .next em {
position: relative;
display: inline-block;
@include radius($type: border-radius, $value: 50%);
border: 1px solid $calendar-font-color;
width: 34px;
height: 34px;
cursor: pointer;
}
& .prev em:before,
& .next em:before {
position: absolute;
display: block;
content: "";
margin-top: 6px;
border-style: solid;
border-width: 7px;
width: 0;
height: 0;
font-size: 0;
}
& .prev em:before {
top: 3px;
left: 4px;
border-color: transparent $calendar-font-color transparent transparent;
}
& .next em:before {
top: 3px;
left: 13px;
border-color: transparent transparent transparent $calendar-font-color;
}
& .prev em:hover,
& .next em:hover,
& .prev em:active,
& .next em:active {
border-color: $calendar-current-color;
}
& .prev em:hover:before,
& .prev em:active:before {
border-color: transparent $calendar-current-color transparent transparent;
}
& .next em:hover:before,
& .next em:active:before {
border-color: transparent transparent transparent $calendar-current-color;
}
& .monyear {
float: left;
width: 71.42%;
text-align: center;
height: 34px;
line-height: 34px;
}
}
& .days {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid lighten($calendar-current-color, 10%);
& .unit {
margin-bottom: 3px;
text-align: center;
height: 34px;
line-height: 34px;
& b {
@include radius($type: border-radius, $value: 50%);
font-weight: normal;
width: 34px;
height: 34px;
}
&:hover b,
&:active b,
&.active b {
display: inline-block;
background-color: $calendar-font-color;
color: $calendar-current-color;
cursor: pointer;
@include transition (all 0.2s ease-in-out);
}
&.older b {
color: $calendar-current-color;
background-color: transparent;
cursor: default;
width: auto;
height: auto;
}
}
}
}
}
......@@ -18,6 +18,7 @@ $img-src: "../bootflat/img/check_flat/default.png" !default;
.checkbox label, .radio label {
position: relative;
top: 2px;
padding-left: 5px;
}
.icheckbox_flat,
.iradio_flat {
......
......@@ -2,7 +2,7 @@
//------------------------------------------------------
$modal-font-color: $darkgray-dark !default;
$modal-radius: 4px !default;
$modal-radius: 4px;
$modal-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
......
// Variables
//------------------------------------------------------
$pricing-primary: $aqua-light !default;
$pricing-success: $grass-light !default;
$pricing-warning: $sunflower-light !default;
$pricing-foot-background-color: $lightgray-dark !default;
$pricing-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
$pricing-shadow-active: 0 0 8px rgba(0, 0, 0, .6) !default;
$pricing-radius: 4px !default;
// Exports
//------------------------------------------------------
@include exports("pricing") {
/**
* pricing
* --------------------------------------------------
*/
.pricing {
& ul {
list-style: none;
padding: 0;
}
& .unit {
position: relative;
display: inline-block;
text-align: center;
min-width: 250px;
@include radius($type: border-radius, $value: $pricing-radius);
@include box-shadow($value: $pricing-shadow);
&.active {
top: 5px;
margin-left: -36px;
margin-right: -36px;
z-index: 1;
@include box-shadow($value: $pricing-shadow-active);
& .price-title h3 {
font-size: 40px;
}
}
}
@media screen and (max-width: 767px) {
& .unit {
display: block;
margin-bottom: 20px;
&.active {
top: 0;
margin-left: 0;
margin-right: 0;
& .price-title h3 {
font-size: 30px;
}
}
}
}
& .price-title {
padding: 20px 20px 10px;
@include radius($type: border-top-left-radius, $value: $pricing-radius);
@include radius($type: border-top-right-radius, $value: $pricing-radius);
color: #FFF;
& h3,
& h3 > p {
margin: 0;
}
}
& .price-body {
padding: 20px 20px 10px;
& ul {
padding-top: 10px;
}
& li {
margin-bottom: 10px;
}
& h4 {
margin: 0;
}
}
& .price-foot {
padding: 20px;
@include radius($type: border-bottom-left-radius, $value: $pricing-radius);
@include radius($type: border-bottom-right-radius, $value: $pricing-radius);
background-color: $pricing-foot-background-color;
}
& .price-primary {
& .price-title {
background-color: $pricing-primary;
}
& .price-body {
background-color: lighten($pricing-primary, 30%);
& ul {
border-top: 1px solid lighten($pricing-primary, 20%);
}
}
}
& .price-success {
& .price-title {
background-color: $pricing-success;
}
& .price-body {
background-color: lighten($pricing-success, 30%);
& ul {
border-top: 1px solid lighten($pricing-success, 20%);
}
}
}
& .price-warning {
& .price-title {
background-color: $pricing-warning;
}
& .price-body {
background-color: lighten($pricing-warning, 30%);
& ul {
border-top: 1px solid lighten($pricing-warning, 20%);
}
}
}
}
}
{
"name": "Bootflat",
"version": "2.0.2",
"version": "2.0.3",
"homepage": "http://bootflat.github.io",
"authors": [
"flathemes <info@flathemes.com>"
],
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"repository": {
"type": "git",
"url": "https://github.com/bootflat/bootflat.github.io.git"
......
{
"name": "bootflat/bootflat",
"description": "An open source Flat UI KIT based on Bootstrap (3.1.1). A faster, easier and less repetitive way for web developers to create elegant web apps.",
"version": "2.0.2",
"description": "An open source Flat UI KIT based on Bootstrap (3.2.0). A faster, easier and less repetitive way for web developers to create elegant web apps.",
"version": "2.0.3",
"keywords": [
"mobile",
"html5",
......
This diff could not be displayed because it is too large.
......@@ -6,18 +6,18 @@ body {
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
/*font-family: 'Lato', sans-serif !important;*/
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* ----------------------------------
* home
* ---------------------------------- */
.home {
background: url(../img/index.png) no-repeat 50% 100px;
background: url(../img/index.png) no-repeat 50% 100px;
}
@media (max-width: 767px) {
.home {
background: none;
}
}
}
/* ----------------------------------
* icons
......@@ -94,10 +94,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.index {
padding-top: 0;
min-height: 600px;
}
}
.index .download-link .btn {
padding: 15px;
}
}
}
/* ----------------------------------
* social
......@@ -117,7 +117,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
vertical-align: top;
}
.social a {
color: #50c1e9 !important;
color: #50c1e9 !important;
}
.social .github-watch {
width: 105px;
......@@ -145,7 +145,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.desc a:hover,
.desc a:active {
color: #50c1e9;
text-decoration: none;
text-decoration: none;
}
.desc .desc__introduces {
border-top: 1px dashed #AAB2BD ;
......@@ -194,8 +194,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
.desc .desc__features p {
font-size: 16px;
color: #888;
line-height: 26px;
color: #888;
line-height: 26px;
}
@media (max-width: 767px) {
.desc .desc__introduces h3 {
......@@ -221,7 +221,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.desc .desc__features .col-md-6 {
padding: 0 15px;
text-align: center;
}
}
}
/* ----------------------------------
* docs
......@@ -237,7 +237,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
@media (max-width: 768px) {
.docs-header {
padding-top: 0;
}
}
}
/* ----------------------------------
* advertisement
......@@ -287,7 +287,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
* ---------------------------------- */
.navbar-custom {
position: fixed;
top: 0;
top: 0;
left: 0;
border: none;
border-radius: 0;
......@@ -299,13 +299,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
display: block;
color: #50c1e9;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover {
color: #50c1e9;
}
.navbar-custom .nav li a:active,
.navbar-custom .nav li a.current {
border-bottom: 3px solid #50c1e9;
border-bottom: 3px solid #50c1e9;
}
.navbar-custom .navbar-toggle {
position: relative;
......@@ -314,7 +314,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color: #50c1e9;
background-color: #50c1e9;
}
.navbar-custom .navbar-toggle .icon-bar {
background-color: rgba(255, 255, 255, .9);
......@@ -328,22 +328,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:active {
opacity: 1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
}
.navbar-default .navbar-collapse {
border-color: #e7e7e7;
}
@media (max-width: 992px) {
.navbar-custom .navbar-brand {
.navbar-custom .navbar-brand {
width: 63px;
overflow: hidden;
}
}
}
@media (max-width: 767px) {
.navbar-custom {
position: relative;
top: 0;
}
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
color: #fff;
......@@ -410,7 +410,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
padding-right: 400px;
}
@media (max-width: 991px) {
.details { width: 100%; }
.details { width: 100%; }
}
@media (max-width: 767px) {
.details { padding: 0 15px; }
......@@ -497,7 +497,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
width: 200px;
}
.example-popover .popover {
position: relative;
position: relative;
}
@media (max-width: 960px) {
.tooltip-demo [class*="col-"] {
......@@ -509,7 +509,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
width: 160px;
}
}
.example-popover [class*="col-"]:nth-of-type(1) .popover {
.example-popover [class*="col-"]:nth-of-type(1) .popover {
margin-top: 0;
}
.example-popover [class*="col-"]:nth-of-type(3) .popover,
......@@ -650,9 +650,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
height: 15px;
}
}
/* ----------------------------------
* site-footer
* ---------------------------------- */
.site-footer {
position: relative;
z-index: 2000;
......@@ -667,7 +664,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.site-footer a:hover,
.site-footer a:active {
color: #50c1e9;
text-decoration: none;
text-decoration: none;
}
.site-footer .row .col-md-4 {
margin-bottom: 20px;
......@@ -685,13 +682,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-size: 14px;
}
.site-footer hr {
margin: 20px 0;
margin: 20px 0;
border: none;
height: 1px;
width: 100%;
}
.site-footer hr.dashed {
border-top: 1px dashed #ccc;
border-top: 1px dashed #ccc;
}
.site-footer .icon {
margin-right: 10px;
......
This diff could not be displayed because it is too large.
......@@ -972,7 +972,7 @@
<!--Toggle
================================================== -->
<div class="example">
<h2 class="example-title">Toggle <span>(Used for <code>checkbox</code> or <code>radio</code>)<span></h2>
<h2 class="example-title">Toggle <span>(Used for <code>checkbox</code> or <code>radio</code>)<span></h2>
<div class="row">
<div class="col-md-4">
<label class="toggle">
......@@ -993,6 +993,137 @@
</label>
</div>
</div>
<!-- Calendar
================================================== -->
<div class="example">
<div class="row">
<h2 class="example-title">Calendar and Pricing</span></h2>
<div class="col-md-4">
<div class="calendar">
<div class="years clearfix">
<div class="unit prev"><em></em></div>
<div class="monyear">MAY 2014</div>
<div class="unit next"><em></em></div>
</div>
<div class="days">
<div class="clearfix">
<div class="unit">SU</div>
<div class="unit">MO</div>
<div class="unit">TU</div>
<div class="unit">WE</div>
<div class="unit">TH</div>
<div class="unit">FR</div>
<div class="unit">SA</div>
</div>
<div class="clearfix">
<div class="unit older"><b>27</b></div>
<div class="unit older"><b>28</b></div>
<div class="unit older"><b>29</b></div>
<div class="unit older"><b>30</b></div>
<div class="unit"><b>1</b></div>
<div class="unit"><b>2</b></div>
<div class="unit"><b>3</b></div>
<div class="unit"><b>4</b></div>
<div class="unit"><b>5</b></div>
<div class="unit"><b>6</b></div>
<div class="unit"><b>7</b></div>
<div class="unit"><b>8</b></div>
<div class="unit"><b>9</b></div>
<div class="unit"><b>10</b></div>
<div class="unit"><b>11</b></div>
<div class="unit"><b>12</b></div>
<div class="unit"><b>13</b></div>
<div class="unit active"><b>14</b></div>
<div class="unit"><b>15</b></div>
<div class="unit"><b>16</b></div>
<div class="unit"><b>17</b></div>
<div class="unit"><b>18</b></div>
<div class="unit"><b>19</b></div>
<div class="unit"><b>20</b></div>
<div class="unit"><b>21</b></div>
<div class="unit"><b>22</b></div>
<div class="unit"><b>23</b></div>
<div class="unit"><b>24</b></div>
<div class="unit"><b>25</b></div>
<div class="unit"><b>26</b></div>
<div class="unit"><b>27</b></div>
<div class="unit"><b>28</b></div>
<div class="unit"><b>29</b></div>
<div class="unit"><b>30</b></div>
<div class="unit"><b>31</b></div>
<div class="unit older"><b>1</b></div>
<div class="unit older"><b>2</b></div>
<div class="unit older"><b>3</b></div>
<div class="unit older"><b>4</b></div>
<div class="unit older"><b>5</b></div>
<div class="unit older"><b>6</b></div>
<div class="unit older"><b>7</b></div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="pricing">
<ul>
<li class="unit price-primary">
<div class="price-title">
<h3>$599</h3>
<p>per month</p>
</div>
<div class="price-body">
<h4>Basic</h4>
<p>Lots of clients &amp; users</p>
<ul>
<li>250 SKU's</li>
<li>1 GB Storage</li>
<li>3,5% transaction fee</li>
</ul>
</div>
<div class="price-foot">
<button type="button" class="btn btn-primary">Try a Week</button>
</div>
</li>
<li class="unit price-success active">
<div class="price-title">
<h3>$299</h3>
<p>per month</p>
</div>
<div class="price-body">
<h4>Premium</h4>
<p>Lots of clients &amp; users</p>
<ul>
<li>2500 SKU's</li>
<li>5 GB Storage</li>
<li>1,5% transaction fee</li>
</ul>
</div>
<div class="price-foot">
<button type="button" class="btn btn-success">Buy Now</button>
</div>
</li>
<li class="unit price-warning">
<div class="price-title">
<h3>$499</h3>
<p>per month</p>
</div>
<div class="price-body">
<h4>Unlimited</h4>
<p>Lots of clients &amp; users</p>
<ul>
<li>Unlimited SKU's</li>
<li>20 GB Storage</li>
<li>1% transaction fee</li>
</ul>
</div>
<div class="price-foot">
<button type="button" class="btn btn-warning">Subscribe</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Alerts
================================================== -->
<div class="example">
......
......@@ -73,8 +73,8 @@
<dl>
<dt>OOCSS Approach</dt>
<dd>Object-based coding method encourages code reuse and creates faster and more efficient style sheets, which are easier to add to and maintain.</dd>
<dt>Bootstrap 3.1.1 Support</dt>
<dd>Now Bootflat is supporting Bootstrap 3.1.1 as well.</dd>
<dt>Bootstrap 3.2.0 Support</dt>
<dd>Now Bootflat is supporting Bootstrap 3.2.0 as well.</dd>
<dt>Configurable Color Scheme</dt>
<dd>You can change any or all of the colors if you wish. Bootflat is easy to configure and match to your brand's color scheme.</dd>
<dt>Easy Installation</dt>
......@@ -89,10 +89,10 @@
<h3>Download</h3>
<p>Download the latest official release of Bootflat and get started!</p>
<ul class="item__infos">
<li>Version 2.0.2</li>
<li>Released April 03 2014</li>
<li>Version 2.0.3</li>
<li>Released July 09 2014</li>
</ul>
<p><a class="btn btn-primary" href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat Framework (v2.0.2)</a></p>
<p><a class="btn btn-primary" href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat Framework (v2.0.3)</a></p>
</div>
<!--
================================================== -->
......@@ -160,13 +160,13 @@
================================================== -->
<div class="docs-article docs--start" id="css-sass">
<h3>CSS/SASS</h3>
<p>The CSS can stand on its own, but it is also built to be enhanced by the developer. For simplicity you can always just add in your own CSS and override default properties. And for even more power and flexibility, the core is written with <a href="http://sass-lang.com/" target="_blank" rel="external nofollow">Sass 3.3.5</a> and includes easily customized variables and mixins. We feel we’ve left the CSS in a state which can be easily extended to get your own look and feel.</p>
<p>The CSS can stand on its own, but it is also built to be enhanced by the developer. For simplicity you can always just add in your own CSS and override default properties. And for even more power and flexibility, the core is written with <a href="http://sass-lang.com/" target="_blank" rel="external nofollow">Sass 3.3.9</a> and includes easily customized variables and mixins. We feel we’ve left the CSS in a state which can be easily extended to get your own look and feel.</p>
</div>
<!-- Browser Support
================================================== -->
<div class="docs-article docs--start" id="browser-support">
<h3>Browser Support</h3>
<p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.2, that means UIWebView for E8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</p>
<p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.3, that means UIWebView for E8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</p>
</div>
<!-- Free PSD
================================================== -->
......
......@@ -47,12 +47,12 @@
<h1>
<img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
</h1>
<h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
<h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
<h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3>
<p class="download-link">
<a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.2)</a>
<a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.3)</a>
</p>
<p class="version-text">MIT Licensed - Version 2.0.2</p>
<p class="version-text">MIT Licensed - Version 2.0.3</p>
<p class="learn-more Bootflat">
<a href="#learn-more">Learn more <i class="icon" data-icon="&#xe035"></i></a>
</p>
......@@ -76,14 +76,14 @@
<div id="learn-more" class="desc container">
<div class="desc__introduces">
<h3>Designed for everyone, everywhere.</h3>
<p>Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with <a href="http://sass-lang.com/" target="_blank" rel="external nofollow">Sass 3.3.5</a>.</p>
<p>Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with <a href="http://sass-lang.com/" target="_blank" rel="external nofollow">Sass 3.3.9</a>.</p>
</div>
<div class="desc__features">
<div class="row">
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-bootstrap.png" /></div>
<h4>Bootstrap 3.1.1</h4>
<p>Bootflat is built on Bootstrap 3.1.1: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
<h4>Bootstrap 3.2.0</h4>
<p>Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
</div>
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-css.png" /></div>
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
{
"name": "bootflat",
"private": false,
"version": "2.0.2",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"version": "2.0.3",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"author":"Flathemes <info@flathemes.com>",
"homepage": "http://bootflat.github.com/",
"keywords": [
......