Compare commits

..

No commits in common. "master" and "v0.1.9" have entirely different histories.

90 changed files with 29 additions and 2009 deletions

1
.gitignore vendored
View File

@ -1 +0,0 @@
.build*

View File

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 264 KiB

View File

Before

Width:  |  Height:  |  Size: 278 KiB

After

Width:  |  Height:  |  Size: 278 KiB

View File

Before

Width:  |  Height:  |  Size: 261 KiB

After

Width:  |  Height:  |  Size: 261 KiB

View File

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 260 KiB

View File

Before

Width:  |  Height:  |  Size: 261 KiB

After

Width:  |  Height:  |  Size: 261 KiB

View File

Before

Width:  |  Height:  |  Size: 262 KiB

After

Width:  |  Height:  |  Size: 262 KiB

View File

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

View File

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 657 B

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 682 B

After

Width:  |  Height:  |  Size: 682 B

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -13,10 +13,10 @@
&:-ms-input-placeholder {color: #fff} &:-ms-input-placeholder {color: #fff}
} }
.transition(@property: all) { .transition() {
-webkit-transition: @property .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
-moz-transition: @property .3s ease-in-out; -moz-transition: all .3s ease-in-out;
transition: @property .3s ease-in-out; transition: all .3s ease-in-out;
} }
/* Main Colors /* Main Colors
@ -51,12 +51,6 @@
&:checked {background:@pumpkin} &:checked {background:@pumpkin}
} }
.check, .circles, .radio {
outline: none !important;
-webkit-appearance: none;
-moz-appearance: none !important;
}
/* Menus /* Menus
===============================*/ ===============================*/
nav { nav {
@ -111,30 +105,35 @@ nav {
/* Checkbox /* Checkbox
===============================*/ ===============================*/
.check, .circles { .check, .circles {
.transition(background-color);
&:after { &:after {
.transition;
font-family: FontAwesome; font-family: FontAwesome;
content:"\f00d"; content:"\f00d";
color: #fff;
} }
&:checked:after { &:checked:after {
.transition;
content:"\f00c"; content:"\f00c";
} }
} }
.check { .check {
.square(30px); .square(30px);
.transition;
.border-radius(4px); .border-radius(4px);
position: relative; position: relative;
-webkit-appearance: none;
-moz-appearance: none!important;
text-align: center; text-align: center;
&:after { &:after {
.transition;
position: absolute; position: absolute;
top: 7px; top: 7px;
left: 8px; left: 8px;
} }
&:checked:after { &:checked:after {
.transition;
position: absolute; position: absolute;
top: 7px; top: 7px;
left: 6px; left: 6px;
@ -145,12 +144,17 @@ nav {
===============================*/ ===============================*/
.circles { .circles {
.square(30px); .square(30px);
.transition;
.border-radius(100px); .border-radius(100px);
position: relative; position: relative;
-webkit-appearance: none;
margin: 8px; margin: 8px;
&:checked { &:checked {
.transition;
&:after { &:after {
.transition;
position: absolute; position: absolute;
left: 6px; left: 6px;
top: 6px; top: 6px;
@ -159,6 +163,7 @@ nav {
} }
&:after { &:after {
.transition;
position: absolute; position: absolute;
left: 8px; left: 8px;
top: 6px; top: 6px;
@ -173,6 +178,7 @@ nav {
.border-radius(100px); .border-radius(100px);
display: inline-block; display: inline-block;
position: relative; position: relative;
-webkit-appearance: none;
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0px;
@ -186,8 +192,8 @@ nav {
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 5px; left: 5px;
background: #fff; background:#fff;
content: ""; content:"";
} }
} }

File diff suppressed because it is too large Load Diff

View File

@ -1,46 +1,3 @@
Package.describe({ Package.describe({
summary: "Less-only Flat UI that doesn't require javascript", summary: "Less-only Flat UI that doesn't require javascript",
name: 'mrt:flatter-ui',
git: 'https://github.com/Rnhmjoj/flatter-ui.git',
version: '0.2.4'
});
Package.on_use(function (api){
api.use('less@1.0.8');
api.use('jquery@1.0.0');
api.use('mrt:font-awesome-4-less@4.3.9')
var fonts_path = 'lib/fonts/lato/';
var bootstrap_path = 'lib/bootstrap/';
// Style and scripts
api.add_files(bootstrap_path + 'js/bootstrap.js', 'client');
api.add_files(bootstrap_path + 'less/bootstrap.import.less', 'client');
api.add_files('lib/less/flat-ui.import.less', 'client');
// Fonts
api.add_files(fonts_path + 'lato-black.eot', 'client');
api.add_files(fonts_path + 'lato-black.svg', 'client');
api.add_files(fonts_path + 'lato-black.ttf', 'client');
api.add_files(fonts_path + 'lato-black.woff', 'client');
api.add_files(fonts_path + 'lato-bold.eot', 'client');
api.add_files(fonts_path + 'lato-bold.svg', 'client');
api.add_files(fonts_path + 'lato-bold.ttf', 'client');
api.add_files(fonts_path + 'lato-bold.woff', 'client');
api.add_files(fonts_path + 'lato-bolditalic.eot', 'client');
api.add_files(fonts_path + 'lato-bolditalic.svg', 'client');
api.add_files(fonts_path + 'lato-bolditalic.ttf', 'client');
api.add_files(fonts_path + 'lato-bolditalic.woff', 'client');
api.add_files(fonts_path + 'lato-italic.eot', 'client');
api.add_files(fonts_path + 'lato-italic.svg', 'client');
api.add_files(fonts_path + 'lato-italic.ttf', 'client');
api.add_files(fonts_path + 'lato-italic.woff', 'client');
api.add_files(fonts_path + 'lato-light.eot', 'client');
api.add_files(fonts_path + 'lato-light.svg', 'client');
api.add_files(fonts_path + 'lato-light.ttf', 'client');
api.add_files(fonts_path + 'lato-light.woff', 'client');
api.add_files(fonts_path + 'lato-regular.eot', 'client');
api.add_files(fonts_path + 'lato-regular.svg', 'client');
api.add_files(fonts_path + 'lato-regular.ttf', 'client');
api.add_files(fonts_path + 'lato-regular.woff', 'client');
}); });

9
smart.json Executable file
View File

@ -0,0 +1,9 @@
{
"name": "flatter-ui",
"description": "Less-only Flat UI that doesn't require javascript",
"homepage": "https://github.com/Rnhmjoj/flatter-ui",
"author": "Michele Guerini Rocco <micheleguerinirocco@me.com>",
"version": "0.1.9",
"git": "https://github.com/rnhmjoj/flatter-ui.git",
"packages": {}
}