MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Text: Change line-hegiht base on text-size. Button: Button text is now responsive base on font-size

This commit is contained in:
Konstantinos Triantafyllou 2022-07-19 00:47:49 +03:00
parent bace9ea215
commit 8ab6475aa4
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/button.less
View File

@ -169,22 +169,23 @@
/* Text */
.hook-button-text() {
padding: 0 30px 0 0;
padding: 0 1.5*1.42em 0 0;
border-radius: 0;
position: relative;
&::before {
content: '\f1df';
font-family: "Material Icons Round";
font-size: 20px;
font-size: 1.42em;
position: absolute;
top: 0;
transform: translateY(-50%);
top: 50%;
right: 0;
transition: right linear 0.2s;
}
&:hover::before {
right: -5px;
right: -0.25em;
}
}

6
less/text.less
View File

@ -1,7 +1,7 @@
@text-xsmall-font-size: @global-xsmall-font-size;
@text-xsmall-line-height: @global-line-height;
@text-small-line-height: @global-line-height;
@text-large-line-height: @global-line-height;
@text-xsmall-line-height: 1.5 * @global-xsmall-font-size;
@text-small-line-height: 1.5 * @global-small-font-size;
@text-large-line-height: 1.5 * @global-large-font-size;
/* Meta */
@text-meta-font-size: inherit;