Compare commits
20 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
f42987994d | ||
|
b6a722492c | ||
|
cadd50b4f2 | ||
|
e4069b4078 | ||
|
8ee302a448 | ||
|
a83b65a7d1 | ||
|
6aad476ed7 | ||
|
2b8aa5223d | ||
|
677dda8d1c | ||
|
61b58dcc85 | ||
|
07b917b889 | ||
|
4b48120dbb | ||
|
069097fbfb | ||
|
89e7f0cf10 | ||
|
c97321ec03 | ||
|
866526b8f1 | ||
|
a987577065 | ||
|
b055cc2a9e | ||
|
01d1ed83e4 | ||
|
903dac8325 |
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.build*
|
1951
lib/bootstrap/js/bootstrap.js
vendored
Normal file
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 264 KiB |
Before Width: | Height: | Size: 278 KiB After Width: | Height: | Size: 278 KiB |
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 261 KiB |
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 261 KiB |
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 657 B After Width: | Height: | Size: 657 B |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 682 B After Width: | Height: | Size: 682 B |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -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,35 +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;
|
||||||
}
|
}
|
||||||
&: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;
|
||||||
@ -144,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;
|
||||||
@ -163,7 +159,6 @@ nav {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
.transition;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 8px;
|
left: 8px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
@ -178,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;
|
||||||
|
|
||||||
@ -192,8 +186,8 @@ nav {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
background:#fff;
|
background: #fff;
|
||||||
content:"";
|
content: "";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
43
package.js
@ -1,3 +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){
|
||||||
|
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');
|
||||||
});
|
});
|
||||||
|
@ -1,9 +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.1.9",
|
|
||||||
"git": "https://github.com/rnhmjoj/flatter-ui.git",
|
|
||||||
"packages": {}
|
|
||||||
}
|
|