javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(all): improve text customization

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-10 00:35:59 +02:00
parent 4ec038d507
commit 6e3e07bc8b
11 changed files with 44 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
core/src/components/segment-button/segment-button.scss
View File

@ -11,6 +11,12 @@
--icon-size: 1em;
flex: 1;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-kerning: none;
}
:host(:first-of-type) .segment-button-native {
@ -30,6 +36,7 @@
}
.segment-button-native {
@include text-inherit();
@include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
@ -46,22 +53,10 @@
border-color: var(--border-color);
background: var(--background);
color: inherit;
font-size: inherit;
font-weight: inherit;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
text-transform: inherit;
white-space: nowrap;
contain: content;
cursor: pointer;
overflow: hidden;
font-kerning: none;
&:active,
&:focus {