Compare commits

..

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

3 changed files with 61 additions and 47 deletions

View File

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

View File

@ -1,46 +1,42 @@
Package.describe({
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'
summary: "Less-only Flat UI that doesn't require javascript"
});
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')
api.use('less');
api.use('jquery');
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');
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');
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');
});

11
smart.json Executable file
View File

@ -0,0 +1,11 @@
{
"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.2.0",
"git": "https://github.com/rnhmjoj/flatter-ui.git",
"packages": {
"font-awesome": "4.1.10"
}
}