Results 1 to 2 of 2

Thread: How to use smaller picto icons on buttons

  1. #1
    Sencha User
    Join Date
    Jun 2009
    Posts
    419
    Answers
    2

    Default How to use smaller picto icons on buttons

    Hi,

    I would like to use smaller versions of the set of picto icons included in ST. I can see when I apply an iconCls for one of the supported picto fonts, they look to be sized at 1.3em from the css applied.

    What's the best approach if say I wanted to resize an icon to 1.0em and have the button size correctly too?

    I guess it's something to do with SASS?

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,450
    Answers
    3997

    Default

    There is no SASS variable to control this so you'd just have to have some SASS like:

    Code:
    .x-button {
        .x-button-icon {
            &:before {
                font-size : 1.0em;
            }
        }
    }
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •