Questions tagged [getuikit]

UIkit (not to be confused with iOS UIKit) is a lightweight and modular open source front-end framework for developing web interfaces.

UIkit (not to be confused with iOS ) is a lightweight and modular open source front-end framework for developing fast and powerful web interfaces to make the web look good.

UIkit gives you a comprehensive collection of , , and components which is simple to use, easy to customize and extendable:

  • LESS & SASS: UIkit is developed in and to write well-structured, extendable code which is easy to maintain.
  • Components: A collection of small, responsive components using consistent and conflict-free naming conventions.
  • Customizer: UIkit’s very basic style can be extended with themes and is easy to customize to create your own look.
  • Responsive: With the mobile-first approach UIkit provides a consistent experience from phones and tablets to desktops.

Useful Links

Related Tags

221 questions
0
votes
1 answer

What is the best way to add your custom JS files and fonts to your own distribution of UIkit

We can create our own distribution of UIKit using the gulp task: gulp dist -t THEME-NAME This will create a folder dist and generate your minified CSS and JS files from the LESS files. For my project I have custom JS files and FONTS. If I put…
Samuel
  • 781
  • 5
  • 22
0
votes
1 answer

How to use HTML::tag() method to display HTML5 tag?

I want to echo the following HTML tag:
    I investigated yii2 HTML helper sources. It seems there's no possibility to echo the tag with HTML::tag() method. Am I right? For sure I can simply do: echo '
    Vadym
    • 1,067
    • 1
    • 13
    • 24
0
votes
1 answer

UI kit: use components (beginner)

I looked for answers to this question but was unable to find any. I'd like to know how to use UIkit components. I'm creating a simple page (HTML/CSS) and I can't use UIkit's functionalities. For example, I'd like to use the tooltip component. Here…
0
votes
1 answer

uikit dynamic grid bug?

I recently decided to start a new project, and since it highly depends on dynamic grid, so I decided to use uikit. But I cant manage to make it work without errors. It seems to be a bug in data-uk-grid-match. Here is sample jsFiddle Here is some…
Shahab
  • 794
  • 2
  • 12
  • 23
0
votes
1 answer

Uikit Dropdown for dynamically created (reactive) DOM in Meteor

An app I'm building shows email accounts in a sidenav as a dropdown (or accordion) as described here. The dropdown works fine when the data exist on load time, thanks to the UIkit observer. The code looks something like this (simlified):
rgeber
  • 551
  • 5
  • 6
0
votes
0 answers

How to make a Stackoverflow-like Title bar (row) with UIKit

I'm trying to make a similar title bar (or form row) like of StackOverflow with UIKit with this code:
quarks
  • 33,478
  • 73
  • 290
  • 513
0
votes
1 answer

Rails Login Form with UIKit

I have a rails app with the following login form which works just fine but hasn't got any styling yet.

Session#login

Find me in app/views/session/login.html.erb

<% flash.each do |name, msg| -%> <%= content_tag :div, msg, class:…
Bergrebell
  • 4,263
  • 4
  • 40
  • 53
0
votes
2 answers

UIKit drop down not working

I have been trying to solve this problem for a few hours now but cannot find any information on my specific problem. I attempted to follow the documentation page, http://www.getuikit.com/docs/dropdown.html, made by the developers of UIKit but it…
Geowil
  • 624
  • 1
  • 12
  • 36
-1
votes
2 answers

How to have child div whose flex is 1 (fills remaining space) of a flex, have its children full height

I have been stuck on this and frankly don't even know how to google it, all my google efforts were fruitless. My HTML is as below: