rnhmjoj/flatter-ui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: rnhmjoj:master
Branches Tags
rnhmjoj:master
rnhmjoj:v0.2.4
rnhmjoj:v0.2.3
rnhmjoj:v0.2.2
rnhmjoj:v0.2.1
rnhmjoj:v0.2.0
rnhmjoj:v0.2
rnhmjoj:v0.1.10
rnhmjoj:v0.1.9
rnhmjoj:v0.1.8
rnhmjoj:v0.1.7
rnhmjoj:v0.1.6
rnhmjoj:v0.1.5
rnhmjoj:v0.1.0
..
compare: rnhmjoj:v0.2.0
Branches Tags
rnhmjoj:master
rnhmjoj:v0.2.4
rnhmjoj:v0.2.3
rnhmjoj:v0.2.2
rnhmjoj:v0.2.1
rnhmjoj:v0.2.0
rnhmjoj:v0.2
rnhmjoj:v0.1.10
rnhmjoj:v0.1.9
rnhmjoj:v0.1.8
rnhmjoj:v0.1.7
rnhmjoj:v0.1.6
rnhmjoj:v0.1.5
rnhmjoj:v0.1.0

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

3 changed files with 61 additions and 47 deletions
Show Stats Expand all files Collapse all files

29
lib/less/modules/inputs.import.less vendored
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,36 @@ 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; 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 +145,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 +164,7 @@ nav {
} }
&:after { &:after {
.transition;
position: absolute; position: absolute;
left: 8px; left: 8px;
top: 6px; top: 6px;
@ -173,6 +179,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;

64
package.js
View File

@ -1,46 +1,42 @@
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){ Package.on_use(function (api){
api.use('less@1.0.8'); api.use('less');
api.use('jquery@1.0.0'); api.use('jquery');
api.use('mrt:font-awesome-4-less@4.3.9')
var fonts_path = 'lib/fonts/lato/'; var fonts_path = 'lib/fonts/lato/';
var bootstrap_path = 'lib/bootstrap/'; var bootstrap_path = 'lib/bootstrap/';
// Style and scripts // Style and scripts
api.add_files(bootstrap_path + 'js/bootstrap.js', 'client'); api.add_files(bootstrap_path + 'js/bootstrap.js'), 'client');
api.add_files(bootstrap_path + 'less/bootstrap.import.less', 'client'); api.add_files(bootstrap_path + 'less/bootstrap.import.less'), 'client');
api.add_files('lib/less/flat-ui.import.less', 'client'); api.add_files('lib/less/flat-ui.import.less'), 'client');
// Fonts // Fonts
api.add_files(fonts_path + 'lato-black.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-black.ttf', '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-black.woff'), 'client');
api.add_files(fonts_path + 'lato-bold.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-bold.ttf', '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-bold.woff'), 'client');
api.add_files(fonts_path + 'lato-bolditalic.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-bolditalic.ttf', '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-bolditalic.woff'), 'client');
api.add_files(fonts_path + 'lato-italic.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-italic.ttf', '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-italic.woff'), 'client');
api.add_files(fonts_path + 'lato-light.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-light.ttf', '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-light.woff'), 'client');
api.add_files(fonts_path + 'lato-regular.eot', '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.svg'), 'client');
api.add_files(fonts_path + 'lato-regular.ttf', '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-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"
}
}