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 */ /* Text */
.hook-button-text() { .hook-button-text() {
padding: 0 30px 0 0; padding: 0 1.5*1.42em 0 0;
border-radius: 0; border-radius: 0;
position: relative; position: relative;
&::before { &::before {
content: '\f1df'; content: '\f1df';
font-family: "Material Icons Round"; font-family: "Material Icons Round";
font-size: 20px; font-size: 1.42em;
position: absolute; position: absolute;
top: 0; transform: translateY(-50%);
top: 50%;
right: 0; right: 0;
transition: right linear 0.2s; transition: right linear 0.2s;
} }
&:hover::before { &: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-font-size: @global-xsmall-font-size;
@text-xsmall-line-height: @global-line-height; @text-xsmall-line-height: 1.5 * @global-xsmall-font-size;
@text-small-line-height: @global-line-height; @text-small-line-height: 1.5 * @global-small-font-size;
@text-large-line-height: @global-line-height; @text-large-line-height: 1.5 * @global-large-font-size;
/* Meta */ /* Meta */
@text-meta-font-size: inherit; @text-meta-font-size: inherit;