Giter Club home page Giter Club logo

flagpack-dart-sass's People

Contributors

defuncart avatar dependabot[bot] avatar jackiboy avatar kolthor avatar purecatamphetamine avatar timobrembeck avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

flagpack-dart-sass's Issues

`sb` flag incorrectly aligned

There is a small issue in the sb flag of the Solomon Islands in which the yellow line is horizontal instead of vertical. I'm sure this is an easy fix, however I am not well versed with svg code and gradients ๐Ÿคช

Here is the current svg:

sb

And here is the flag according to Wikipedia:

68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f7468756d622f372f37342f466c61675f6f665f7468655f536f6c6f6d6f6e5f49736c616e64732e7376672f33323070782d466c61675f6f665f7468655f536f6c6f6d6f6e5f49736c616e64732e737

This ticket was first opened the upstream repository (jackiboy/flagpack#7), but since this is no longer maintained and the problem persists on my fork, I copied it into this repository as well.

Default prefix conflicts with medium size

When using the option $fp-prepend: true; with the default prefix "fp", the medium size fp-md conflicts with the flag for Moldova fp-md. This means, e.g. the following:

<span class="fp fp-de"></span> <span class="fp fp-md fp-de"></span> <span class="fp fp-lg fp-de"></span>

renders to:

118176474-bf406e00-b431-11eb-850b-ec69c8efa214

And

<span class="fp fp-md"></span> <span class="fp fp-md fp-md"></span> <span class="fp fp-lg fp-md"></span>

renders to:

118195013-af815380-b44a-11eb-976e-8e3593bc44c7

So I suggest to use either a different suffix for the medium size or set the default prefix to a different value.

Also, a quick workaround for the first problem would be to move "md" to the beginning of the default $fp-countries list so that any other flag classes can overwrite the background-image property since the classes are defined later in the resulting css file.

(I'm aware that it's possible to change the value for $fp-prefix manually, but I still think the default config should make sense.)

I first opened this ticket in the upstream repository (jackiboy/flagpack#14), but since this is no longer maintained and the problem persists on my fork, I copied it into this repository as well.

Add a new flag for German (Easy)

There is a need for a new flag icon which represents German (Easy) in Integreat-CMS to make it easier to distinguish German and German (Easy) by icons. Currenlty the german flag is assinged for both the language.

For the context see the discussion here

Deprecation of / for division

"Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0."

The / sign is used in flagpack.scss. Can I just ask; are you planning to address this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.