Compare commits
13 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
f42987994d | ||
|
b6a722492c | ||
|
cadd50b4f2 | ||
|
e4069b4078 | ||
|
8ee302a448 | ||
|
a83b65a7d1 | ||
|
6aad476ed7 | ||
|
2b8aa5223d | ||
|
677dda8d1c | ||
|
61b58dcc85 | ||
|
07b917b889 | ||
|
4b48120dbb | ||
|
069097fbfb |
29
lib/less/modules/inputs.import.less
vendored
29
lib/less/modules/inputs.import.less
vendored
@ -13,10 +13,10 @@
|
|||||||
&:-ms-input-placeholder {color: #fff}
|
&:-ms-input-placeholder {color: #fff}
|
||||||
}
|
}
|
||||||
|
|
||||||
.transition() {
|
.transition(@property: all) {
|
||||||
-webkit-transition: all .3s ease-in-out;
|
-webkit-transition: @property .3s ease-in-out;
|
||||||
-moz-transition: all .3s ease-in-out;
|
-moz-transition: @property .3s ease-in-out;
|
||||||
transition: all .3s ease-in-out;
|
transition: @property .3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Main Colors
|
/* Main Colors
|
||||||
@ -51,6 +51,12 @@
|
|||||||
&:checked {background:@pumpkin}
|
&:checked {background:@pumpkin}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.check, .circles, .radio {
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Menus
|
/* Menus
|
||||||
===============================*/
|
===============================*/
|
||||||
nav {
|
nav {
|
||||||
@ -105,36 +111,30 @@ 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,17 +145,12 @@ 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;
|
||||||
@ -164,7 +159,6 @@ nav {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
.transition;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 8px;
|
left: 8px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
@ -179,7 +173,6 @@ 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
64
package.js
@ -1,42 +1,46 @@
|
|||||||
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');
|
api.use('less@1.0.8');
|
||||||
api.use('jquery');
|
api.use('jquery@1.0.0');
|
||||||
|
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
11
smart.json
@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user