soyjavi / tuktuk Goto Github PK

In landing.html example, the button do not align with the input.
En ejemplo landing.html, el boton no aparece alineado con el input.

    <div class="row">
        <div class="column_6 offset_3 form subscribe">
            <input type="email" id="mail" class="large" placeholder="Your email address">
            <button class="button large icon envelope"></button>
        </div>
    </div>

Ese comportamiento es normal? o se trata de un error? gracias
That behavior is normal? or is it a mistake? thanks

I'm using tuktuk with great success in a Rails app.

The one stumbling block so far has been with the iOS native styling of <input> submit buttons.

I found this fix in a zurb/foundation issue and it worked great for me:

input[type=submit].button {
-webkit-appearance: none;
}

For Rails users you can just add this to the end of your application.css file. Other users should just add it as late in the cascade as possible.

Seems this should already be in tuktuk somewhere?

It seems that the selectbox styling only works well in webkit browser. In all the other engines, the native arrow is visible. Look at this Bugreport:

• IE: https://bugzilla.mozilla.org/show_bug.cgi?id=649849#c63
• Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=649849#c99

When you download master zip file, the package folder is empty. I guess this is the place where all the stylesheets would need to be, so I guess that it shouldn't be empty:)

Some references to style sheets have been reviewed

I try to compile css from folder styl, but error on tuktuk.button.styl with variable UNIT. I'm newbie on stylus and I don't know how to compile __init.style with tuktuk.button.styl.

Can advice me, please.

Using Chrome latest on Windows 7/64, the texts are almost unreadable

I saw ungrid.css and I thought tuktuk could implement the grid like that, is much easier for developers and is less code.

Do you know what are the pros and cons of implementing a grid like that?

located in the file /stylesheets/tuktuk.grid.styl this line 261 as follows:

.row
    margin: 0 auto
    width: 456px
    overflow: hidden

  .row .row
    margin: 0
    width: auto
    display: inline-block

Believe and if I'm not wrong should be 👍 :

.row
    margin: 0 auto
    width: 456px
    overflow: hidden

    &.row
      margin: 0
      width: auto
      display: inline-block

Can you make your library (I mean the .styl files) available for bower?

Thank you.

At least in Chrome on Win7, that image is displayed enormous.

I have fixed it removing class "vertical", jope it helps.

The example for the web app on mobile seems completely broken and looks awful

Line 246 in the tuktuk.css file of the .zip download has no values for the box-flex property. This caused an error when deploying to Heroku on a Rails app. Removing this text from the line

-webkit-box-flex:;-moz-box-flex:;-ms-box-flex:;-o-box-flex:;box-flex:;

resolved the issue with Heroku deployment.

The Scroll bars are not working as they should in firefox 18 ! . The web application template rendering in ie 9 and 10 is just not right . Ive attached images . atleast 25% of the visitors use ie 9,10 so thats huge .

Hi.

I'm trying to generate the css code from the basic tuktuk package,
as far as I know I should use the gruntfile.coffee.

With the premises I have nodejs and grunt / grunt-cli installed,
I use the 'grunt' command on the root of the project, but I have this error message.

albert@griset:~/dev/tuktuk$ grunt
grunt-cli: The grunt command line interface. (v0.1.6)

Fatal error: Unable to find local grunt.

If you're seeing this message, either a Gruntfile wasn't found or grunt
hasn't been installed locally to your project. For more information about
installing and configuring grunt, please see the Getting Started guide:

http://gruntjs.com/getting-started

It could be possible to attach some build instructions in the ReadMe file for newbies as me?

So much thanks in advance.

Switches looks like:

in Firefox 20.0

Hello, the icons don't appear in Internet Explorer 9 and 10. What can I do to see the icons?.
Thank you.

Si necesita algo mas por favor avísame, gracias.
If you need anything else please let me know, thanks.

Mobile: Nexus S
Android: 4.1
Browser: Default Browser

• In Firefox for Android works perfect!

The use of overflow: hidden as the clearfix method for a layout has many problems. For example, you can not use elements with position: absolute or negative margins because it will not display outside the bounds of the container (dropdown menus, tooltips,...). I think that the most up to date clearfix method is http://nicolasgallagher.com/micro-clearfix-hack/

Annotation not be displayed on top of everything. Google Chrome 29.0.1547.57

When launch grunt 'site/package/tuktuk.icon.css' is not generated, the fix is to set copy.main.files as an array:

copy: main: files:[src: '<%= source.icons %>',dest: "<%= meta.endpoint %>/<%=meta.file%>.icons.css" ]

Hi, guys! Great project you are mading, here, congrats!

In the the site, we can read "Don't try to use Tuktuk in your hated IE6", right? But I can't find some type of "compatibility table" to know in which browser I can use Tuktuk at all (or if it's consistent in the browsers with support).

I also tried to find some documentation in the site, but without success. Do you guys intend do put that in a near future? As I said, I really appreciated Tuktuk and, with some more infos and documentation and examples, I could contribute with the divulgation of Tuktuk translating the web site to brazilian portuguese and trying to spread the project from here. :-)

Using the column_3 as the example for the Web App: http://tuktuk.tapquo.com/examples/app.html

If you minimize the window you reach a point where the column of the left side becomes bigger than before and breaks the layout.

Is there any thought to converting the project to Styl?

Mainly I ask because of this issue.

Also Styl is about 10 times faster to compile.

Any plans to support this with .psd grid files? Love the layout of this RWD grid system.

i downloaded the complete project, but when i open app.htm file, the links are broken and file has no style. can you explain me about .styl files?

also package folder is empty and has no style file. tnx

It's too bad run in IE with the new example of Web Application!!!
Can you Help me ?

Tried to debug this but I am lost as to what is going on. It just doesn't seem to want to show. The active class gets added but it still seems to be hiding somewhere on the page.

Difference between padding and no padding: