Compare commits
14 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
f42987994d | ||
|
b6a722492c | ||
|
cadd50b4f2 | ||
|
e4069b4078 | ||
|
8ee302a448 | ||
|
a83b65a7d1 | ||
|
6aad476ed7 | ||
|
2b8aa5223d | ||
|
677dda8d1c | ||
|
61b58dcc85 | ||
|
07b917b889 | ||
|
4b48120dbb | ||
|
069097fbfb | ||
|
89e7f0cf10 |
33
lib/less/modules/inputs.import.less
vendored
33
lib/less/modules/inputs.import.less
vendored
@ -13,10 +13,10 @@
|
||||
&:-ms-input-placeholder {color: #fff}
|
||||
}
|
||||
|
||||
.transition() {
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
.transition(@property: all) {
|
||||
-webkit-transition: @property .3s ease-in-out;
|
||||
-moz-transition: @property .3s ease-in-out;
|
||||
transition: @property .3s ease-in-out;
|
||||
}
|
||||
|
||||
/* Main Colors
|
||||
@ -51,6 +51,12 @@
|
||||
&:checked {background:@pumpkin}
|
||||
}
|
||||
|
||||
.check, .circles, .radio {
|
||||
outline: none !important;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
/* Menus
|
||||
===============================*/
|
||||
nav {
|
||||
@ -105,36 +111,30 @@ 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,17 +145,12 @@ 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;
|
||||
@ -164,7 +159,6 @@ nav {
|
||||
}
|
||||
|
||||
&:after {
|
||||
.transition;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 6px;
|
||||
@ -179,7 +173,6 @@ nav {
|
||||
.border-radius(100px);
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
-webkit-appearance: none;
|
||||
margin: 10px;
|
||||
margin-top: 0px;
|
||||
|
||||
@ -193,8 +186,8 @@ nav {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
background:#fff;
|
||||
content:"";
|
||||
background: #fff;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
|
64
package.js
64
package.js
@ -1,42 +1,46 @@
|
||||
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');
|
||||
api.use('jquery');
|
||||
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');
|
||||
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
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",
|
||||
"git": "https://github.com/rnhmjoj/flatter-ui.git",
|
||||
"packages": {
|
||||
"font-awesome": "4.1.10"
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user