johno / furtive Goto Github PK
View Code? Open in Web Editor NEWA forward-thinking, lightweight, css microframework
Home Page: http://furtive.co
License: MIT License
A forward-thinking, lightweight, css microframework
Home Page: http://furtive.co
License: MIT License
I think the docs site went down :( getting a domain not found.
I don't see any other branches, is there a newer version of the code anywhere?
When you say "preoccupy itself with older browsers", is it possible to point out which browsers we are targeting?
Also the documentation doesn't mention .grd-col-1-6-sm (targeting for -sm, -md, -lg), which is quite handy. Though the source is so small that makes it easier to read through than any other css project I've used :)
Thanks for a great project...
Can't seem to get furtive to install furtive via 'bower install --save furtive' due to invalid version error.
bower furtive#* not-cached git://github.com/johnotander/furtive.git#*
bower furtive#* resolve git://github.com/johnotander/furtive.git#*
bower furtive#* download https://github.com/johnotander/furtive/archive/2.2.2.tar.gz
bower furtive#* extract archive.tar.gz
bower furtive#* error Invalid Version: 2.2.
Stack trace:
TypeError: Invalid Version: 2.2.
at new SemVer (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\semver\semver.js:273:11)
at compare (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\semver\semver.js:460:10)
at Object.neq (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\semver\semver.js:504:10)
at GitHubResolver.GitResolver._savePkgMeta (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\lib\core\resolvers\GitResolver.js:224:56)
at GitHubResolver._savePkgMeta (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\lib\core\resolvers\GitHubResolver.js:134:53)
at _fulfilled (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:834:54)
at self.promiseDispatch.done (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:863:30)
at Promise.promise.promiseDispatch (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:796:13)
at C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:604:44
at runSingle (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:137:13)
Console trace:
Error
at StandardRenderer.error (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\lib\renderers\StandardRenderer.js:82:37)
at Logger.<anonymous> (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\bin\bower:110:22)
at Logger.emit (events.js:107:17)
at Logger.emit (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\bower-logger\lib\Logger.js:29:39)
at C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\lib\commands\index.js:45:20
at _rejected (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:844:24)
at C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:870:30
at Promise.when (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:1122:31)
at Promise.promise.promiseDispatch (C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:788:41)
at C:\Users\xxx\AppData\Roaming\npm\node_modules\bower\node_modules\q\q.js:604:44
System info:
Bower version: 1.4.1
Node version: 0.12.6
OS: Windows_NT 6.1.7601 x64
Like this http://getbootstrap.com/css/#forms-inline ?
Hello! Furtive calls itself a "forward-thinking" microframework.
But, I noticed that pseudo-elements in this project use the obsolete syntax (according to MDN). https://developer.mozilla.org/en-US/docs/Web/CSS/::before
For example, here.
https://github.com/johnotander/furtive/blob/master/css/furtive.css#L426
Could it be reasonable to update the syntax from foo:before
to foo::before
? I can submit a pull request if that would help.
Can we get support for a .btn--red
class? I think it would go great with the other buttons available.
On the website it is mentioned it is 2.67kB by in reality it is 10kb minified https://github.com/johnotander/furtive/blob/master/css/furtive.min.css
The headlines are too big for my taste - but that's my taste only. It would be cool if I could specify the scale just like on http://type-scale.com/ using a variable and SASS would calculate the sizes according to that scale for me.
Would a pull request be welcome for that?
Would be great to have an optional set of responsive utilities, like Inuticss' responsive spacing utilities.
I think it would be great if you hint the users to use Uncss to remove anything they don't use in Furtive, to make it even lighter.
What do you think?
There are two variables defined in _variables.scss
for viewport size:
$viewport-m: 32rem !default;
$viewport-l: 48rem !default;
But values are harcoded on _grid.scss
:
...
@media screen and (min-width: 32rem) {
...
@media screen and (min-width: 48rem) {
...
@media screen and (min-width: 64rem) {
Maybe a $viewport-xl
variable is needed and it should be use in media queries.
Hello,
On mobile the base font size is 12px.
This is kind of small and can be hard to read on some devices. It is generally recommended to avoid having the main text smaller than 16 px.
Would it be possible to use a bigger font?
Hi, there.
So, I noticed this rule at the end of furtive.css
.
table th, table td {
padding: 0.25rem;
word-wrap: none;
line-height: 1; }
What is word-wrap: none;
supposed to do? According to MDN and W3C, none
isn't a valid value for word-wrap
.
https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap
http://dev.w3.org/csswg/css-text-3/#propdef-word-wrap
Thanks! ๐
Hey!
I may not understand the "rework-flex-grid" properly.
.gridClass {
/* ... */
}
.gridClass-rowClass {
/* ... */
}
.gridClass-rowClass-columnClass {
/* ... */
}
@media screen and (min-width: 32rem) {
.gridClass-rowClass-columnClass--sm {
/* ... */
}
}
In this example where do the digits indicating the number of columns go?
Does Furtive support LESS? Or is this my SASS based under the hood?
Where is your home http://furtive.co gone? :-)
When viewing on a Galaxy Tab A/Firefox Browser, checkbox inputs are elongated and the visible "check/x" is never shown...
Screenshot attached from your site.
I traced it down to this code:
input[type="checkbox"]` {
padding: .5rem;
I 've manually override it with this...
input[type="checkbox"] {
padding: 0;
margin: .5rem;
}
Automated tools like HTML_CodeSniffer and lighthouse complain that the blue links don't have enough contrast with the background and that can make them hard to read for some people.
(You can also have a look at the WCAG guidelines about contrast ratio.)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.