CSS

Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of views. It allows for the separation of presentation and content, and includes the characteristics of layouts, colors and fonts. CSS builds upon HTML to make webpages more interactive and appealing to the user.

This is about the Docs.

Overview of the problem

This is about the Bulma CSS framework
This is about the Bulma Docs

Description

Docs keep on saying "Import only what you need from Bulma" but I cannot find any explanation what files c

I had to google around to actually find the import statement needed to use this:

import 'normalize.css';  // In my case, when using React

I think something like this should be included in the readme, at least for the non experienced npm users.

PS: seems [I'm not alone](https://stackoverflow.com/questions/42119878/how-to-use-normalize-css-using-npm-install-with-webpack/42245854#42245

Thanks for a great css library.

I spend 2 days for trying to understand why in my vue project leaflet.css file not loaded to my project in test environment while in dev it's OK.

Please add information warning to installation section about purgecss

Also will be good to add note how to add whitelist styles to purgecss

module.exports = {
  plugins: {
    tailwindcss: {},
    'vue-

At least some of the effects in the Border Transition category (like the underline or overline) leave some traces in Safari. This behavior is very random.

Please refer to the following screen shots:

![screen shot 2018-01-29 at 16 43 02](https://user-ima

Is your feature request related to a problem? Please describe.

NES.css doesn't contain layout styles. This puts a burden on developers.
So I think it will be e

Hello, I would like to know Ratchet for Android, WP, iOS, and other platform version of the situation, thank you!

I think a better "point of view" can be omitted for better reading because everyone knows what you are talking about, which the sample code might not compatible on their machines or browsers

steps to repro:

Enter more than 16 digit number
delete the last 3 digits..
In UI it shows 16 digit.. on form submit, the value is 17 digit.

Suggestion

Add to the Documentation a note the the following line should be added in the <head> element:

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />

I would suggest adding it to the page Installation or to [Layout > Responsive](https://picturepan2.github.i

](url)
Hi everyone,
I had been using tachyons for a while, and i have encountered this issue-
mt3=1rem -true
mt4!=2rem instead it is 1.5 rem, i have attached the screenshot code for the same above.,
the scale grows with 0.5 rem at a time(which i feel is actually better

I'm not sure how the form widgets are meant to be positioned and styled. Can you create an example that shows them looking good? I couldn't figure it out.

Describe the bug

Dead anchor links. The color system doesn't list the variables/information for black and white.
We are also missing the View source link on this page 👉 PR primer/css#1036

To Reproduce
Steps to reproduce the behavior:

Go to https://primer.style/css/support/color-syst

Reproduction:
Go to https://mdbootstrap.com/docs/jquery/components/pagination/ , check the generated html code for one of the pagination expamples, there are two "waves-effect" in a element class.

<li class="page-item"><a class="page-link waves-effect waves-effect">2</a></li>

Browser: Chrome 75.0.3770.100
Operating System: macOS 10.14.5

Setup

To set up the extension, [follow the inst

Website is wider and therefore (especially on small screens) there is a white strip and horizontal scrollbar. See screenshot below

It appears that the "stylish" browser extension is now considered to be spyware. See:

Please replace with a reference to "stylus" browser extension.

I just wanted to give a heads up. In Chrome, after pressing the hamburger, a focus border shows up. See image.

To fix:
.hamburger:focus { outline: 0; }

I'm wondering why there isn't a page in the documentation with all the styles declared and every classes in a single page.
It's really easy to find the right class for beginners this way.

Are you planning to integrate something like this maybe?

We're not checking the validity of HTML for the demo page. This was noticed in #119.

It would be nice to have something added to check for HTML validity - either something that lints the HTML files, or something that makes the build task fail when HTML isn't valid.

I would be looking for recommendations on how to do this and would be open to any pull request that accomplishes the goal!

Instead of embedding normalize gutenberg should probably say it's required in the documentation then users could use a newer version of normalize

CSS

Here are 12,602 public repositories matching this topic...

animate-css / animate.css

jgthms / bulma

Overview of the problem

Description

necolas / normalize.css

tailwindcss / tailwindcss

IanLunn / Hover

nostalgic-css / NES.css

twbs / ratchet

30-seconds / 30-seconds-of-css

you-dont-need / You-Dont-Need-JavaScript

jessepollak / card

picturepan2 / spectre

Suggestion

tachyons-css / tachyons

connors / photon

primer / css

mdbootstrap / bootstrap-material-design

StylishThemes / GitHub-Dark

Setup

chinchang / hint.css

dunovank / jupyter-themes

olton / Metro-UI-CSS

miniMAC / magic

jonsuh / hamburgers

basscss / basscss

astrit / css.gg

kognise / water.css

jdan / 98.css

kazzkiq / balloon.css

BafS / Gutenberg

elrumordelaluz / csshake

cssanimation / css-animation-101

csstools / sanitize.css