beatovich: list-item style gesucht wenn classe auf ul

Beitrag lesen

hallo

Hallo beatovich,

Hast du schon versucht, mit background-size das Hintergrundbild entsprechend anzupassen?

Kann ich machen, aber dann sind die Endergebnisse nicht mehr berechenbar.

Sollte es nicht reichen, das Hintergrundbild um denselben Faktor zu vergrößern wie die Schriftgröße?

Ich muss derzeit gar keine background-size Änderung vornehmen, auch wenn ich font-size ändere. width und height von ::before sind direkt von font-size abgeleitet.

Und nein, für einen User ist es nicht sinnvoll, mehr als eine Eigenschaft anzufassen, wenn er ein Icon vergrössern will.

Nochmals das CSS mit Kommentaren

	.icon::before {\
		font-size:1.25em; font-size-adjust:0.3; line-height:1;\
		content: "";\
		width: 1em; height: 1em;\
		margin:-0.2em 0.2em;\
		display: inline-block;\
		text-align:center;\
		text-indent:0;\
		background-image: url("'+_.guiSpritemapUri+'");\
		background-size: 12em;\  /* 12 icons pro Rasterzeile */
		transition:all 0.4s ease;\
		background-position: 1em 0em; /* icons werden über ganzahlige em Werte ausgewält */
	}\
0 73

responsive Dateigrössen

beatovich
  • responsive design
  1. 3
    Regina Schaukrug
    1. 0
      beatovich
      1. 0
        Regina Schaukrug
        1. 0
          beatovich
      2. 0
        Auge
    2. 0
      beatovich
    3. 2
      Gunnar Bittersmann
      1. 0
        Regina Schaukrug
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
    4. 0
      marctrix
  2. 0
    pl
    1. 0
      beatovich
      1. 0
        pl
        1. 0
          Christian Kruse
          1. 0
            pl
        2. 0
          beatovich
          1. 0
            pl
            1. 0
              beatovich
              1. 0
                Christian Kruse
              2. 0
                pl
              3. 0
                pl
  3. 1
    JürgenB
    1. 0
      beatovich
      1. 2
        Christian Kruse
        1. 0
          beatovich
          1. 0
            marctrix
            1. 0
              beatovich
              1. 0
                marctrix
                1. 0
                  beatovich
                  1. 0
                    marctrix
      2. 0
        JürgenB
    2. 0
      Gunnar Bittersmann
      • grafik
      • software
      1. 0
        JürgenB
  4. 0
    Gunnar Bittersmann
    1. 1
      beatovich
      1. 1
        Auge
        1. 0
          beatovich
          1. 0
            Auge
            1. 0
              beatovich
              1. 0
                Auge
        2. 1
          Gunnar Bittersmann
  5. 1

    neue SVG Spritemap

    beatovich
    1. 0

      list-item style gesucht wenn classe auf ul

      beatovich
      1. 0
        Matthias Apsel
        1. 0
          beatovich
          1. 0
            beatovich
            1. 0
              Matthias Apsel
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 0
                              marctrix
                              1. 0
                                beatovich
                                1. 0
                                  marctrix
    2. 0
      Gunnar Bittersmann
      • svg
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              • browser
              • svg
              1. 2
                Tim T—
            2. 0
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Gunnar Bittersmann
              2. 0
                Gunnar Bittersmann
            3. 0
              marctrix
            4. 0
              marctrix
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann