marcop135 / bullframe.css Goto Github PK

Solid, fluid, cross-browser Sass (SCSS) framework

Home Page: https://marcop135.github.io/bullframe.css/

License: MIT License

JavaScript 2.09% HTML 34.06% SCSS 63.85%

boilerplate css css-framework dark-theme darkmode flexible fluid gulpjs internet-explorer normalize-css reset-css responsive-web-design sass scss typography

bullframe.css's People

Contributors

Stargazers

Watchers

Forkers

sts0mrg0 hachesilva-forks

bullframe.css's Issues

CODE_OF_CONDUCT: fix email address

CODE_OF_CONDUCT
Change email address, ENFORCEMENT section
The one provided is a just a no_reply address.

Contributing: fix broken links

Fix all broken links in CONTRIBUTING

Mozilla examples videos are missing on demo

Describe the bug
Mozilla examples videos are missing on demo

To Reproduce
Steps to reproduce the behavior:

Go to https://marcop135.github.io/bullframe.css/#embedded-content
Scroll down to HTML5 video with controls
Try to play video

Expected behavior
See a video

Screenshots

Desktop and Smartphone:

OS: All
Browser: All
Version: All

Additional context
Missing files:

<video>: don't ovveride intrinsic width by default

audio and video are flexible by default without extra elements (e.g. responsive wrappers).

But the appearance of the videos should be like that of the responsive images. max-width: 100% + height: auto. This ensures that the width attribute is respected by default.

How to fix it:
remove line 51

Codepen

Implement GitFlow

https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow

CDN URLs are broken

The JSDelivr CDN URLs are broken https://github.com/marcop135/bullframe.css#cdn

This URL https://cdn.jsdelivr.net/gh/marcop135/bullframe.css/bullframe.min.css is missing \docs\css i the path.

How to fix it:
Change all the CDN URLs in README.md following this structure:
https://cdn.jsdelivr.net/gh/marcop135/bullframe.css/dist/css/...

JSDelivr documentation

Fix demo bullframe.css path in the <head>

When downloaded and the index.html file is opened in the browser, the bullframe.css file is missing because the URL path is wrong.

Normalize <datalist> element inside <input>

Describe the bug
An input with datalist element is not styled consistently in v3.1.0.

To Reproduce
CodePen

Expected behavior
The UI should be the same of the standard .

Screenshots

Desktop/mobile

all browsers

Remove :invalid styles

Describe the bug
The invalid state is added by default when a form element has the attribute required.

To Reproduce
Codepen

Expected behavior
No :invalid styles by default.
The invalid state styles must be applied via JavaScript using the utility class 'bf-invalid' when is invalid state only.

Screenshots

Desktop (please complete the following information):

all browsers

Smartphone (please complete the following information):

all browsers

Additional context
:invalid MDN

<select> doesn't support RTL languages

Description
The default page direction in CSS is LTR (left-to-right).
Indeed the html elements has dir attribute set to ltr by default.

When dir is changed to rtl (e.g. Arabic language) the elements flip automatically (<html dir="rtl">...</html>).
Since select has the appearance removed in modern browsers, it appears incorrect in RTL languages.

To Reproduce
CodePen

Expected behavior
Move the arrow on the left and change the left/right padding accordingly if RTL is set.

.fix[dir="rtl"]:not([size]):not([multiple]) {
  background-position: left 0.85rem top 50%, 0 0;
  padding-left: 2.4rem;
  padding-right: 0.6rem;
}

Screenshots

Desktop

all browsers except for IE8

Smartphone

all browsers

Read more on this topic
rtlstyling.com by Ahmad Shadeed @shadeed

npm package.json: add missing keywords

Enhance the npm page with keywords

Suggested keywords:

{
  "keywords": [
    "css",
    "css-framework",
    "ie8",
    "responsive-web-design",
    "fluid",
    "reset-css",
    "normalize-css",
    "boilerplate",
    "flexible",
    "scss",
    "sass",
    "internet-explorer",
    "ie9",
    "ie10",
    "ie11",
    "gulpjs",
    "typography",
    "dark-theme",
    "darkmode"
  ]
}

[npm documentation](https://docs.npmjs.com/files/package.json#keywords)

marcop135 / bullframe.css Goto Github PK

bullframe.css's People

Contributors

Stargazers

Watchers

Forkers

bullframe.css's Issues

Recommend Projects

Recommend Topics

Recommend Org