Search Results for "order"

...Simply add one or more weights by including its stylesheet to the document head, and drop in icons with an i tag and the appropriate classes for the weight and the icon. Phosphor Icons come in 6 weights: regular, thin, light, bold, fill, and duotone. In order to use a weight, you must include a link to its stylesheet, and use the appropriate weight class on the icon (the regular weight uses .ph instead of .ph-regular).

...The package comes with a set of icons that can be found on the Bootstrap Icons. These icons are prefixed with bs. which is used as a prefix to identify the icons in your code. In order to include an icon from a popular icon set such as Font Awesome, you can create a new directory for storing the icons. Once you have created the new directory, you can download the appropriate icons and place them in the new directory. For example, you can download the notebook icon and place it in the fontawesome subdirectory.

...Just use icon names with your templates and styles — and all the rest will be done automagically. Every icon has the .icon class and its modifier including the icon name. For example, the Facebook icon has the .icon--ei-sc-facebook modifier. In order to use the stylesheets, you have to add Sprockets to your application. We support IE 9+, Firefox, Chrome, Safari (desktop and mobile), Opera, Android 4+.

...Well, if the answer is "yes", or maybe you want a drop-down arrow that appears the same in each browser (including the old ones), here there is an easy trick. For these browser, it is easy to set the same background image for the drop-down in order to have the same arrow. The appearance rules are set to none to reset browsers default ones, if you want to have the same aspect for each arrow, you should keep them in place. The background rules in the examples are set with SVG inline images that represent different arrows. They are positioned 98% from left to keep some margin to the right border (you can easily modify the position as you wish).

drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created. Complex network diagrams typically involve specific place of icons, connections and labels using a tool like Visio or OmniGraffle using a mouse and constantly zooming in and out for single-pixel placement. The goal behind drawthe.net, was to be able to describe the...