A link that, once clicked upon, opens the referred website in the browser.
For recommended visual settings, refer to notes.
- Target url: URL of the website that is to be opened upon pressing this button.
- font-size: ...
Setting the fontsize to properly display on most resolutions requires some tinkering around. The best approach so far is to utilize a combination the min-operator, as well as the viewport-width and viewport-height:
min(2.5vw, 4vh)
This takes the minimum of 2.5% of the width of the screen and 4% of the height of the screen. Choosing the same value for both, e.g. min(2.5vw, 2.5vh) yields consistent results.
- color: #XXXXXX
Dye the color of the link.
- --box-shadow: 0
- --border-width: none
These two values will remove and invisible border that would move the element from where it is supposed to be.