Mixing
Override Angular Material Typography Margins
It seems that applying a display class such as mat-display-1 also adds margin-bottom css to an element. When creating a custom theme I know how to override the size, line-height and weight but is there any way to control how much margin gets added?
angular themes angular-material2 typography edited Jan 31 at 0:21
Kuncevič
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
add a comment |
It seems that applying a display class such as mat-display-1 also adds margin-bottom css to an element. When creating a custom theme I know how to override the size, line-height and weight but is there any way to control how much margin gets added?
angular themes angular-material2 typography edited Jan 31 at 0:21
Kuncevič
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01
add a comment |
It seems that applying a display class such as mat-display-1 also adds margin-bottom css to an element. When creating a custom theme I know how to override the size, line-height and weight but is there any way to control how much margin gets added?
angular themes angular-material2 typography edited Jan 31 at 0:21
Kuncevič
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
It seems that applying a display class such as mat-display-1 also adds margin-bottom css to an element. When creating a custom theme I know how to override the size, line-height and weight but is there any way to control how much margin gets added?
angular themes angular-material2 typography angular themes angular-material2 typography edited Jan 31 at 0:21
Kuncevič
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
edited Jan 31 at 0:21
Kuncevič
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
edited Jan 31 at 0:21
Kuncevič
10k84976
edited Jan 31 at 0:21
Kuncevič
10k84976
edited Jan 31 at 0:21
Kuncevič
10k84976
10k84976
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
asked Nov 22 '18 at 11:49
galkigalki
1,88312130
1,88312130
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01
add a comment |
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01
add a comment |
1 Answer
1
active
oldest
votes
I am having similar problem.
So as a workaround you can do style="margin: 0"
OR
Use this css utility thing so you can just go like class="mat-headline m0"
This way you just overriding the margin, should work just fine.
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53430380%2foverride-angular-material-typography-margins%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I am having similar problem.
So as a workaround you can do style="margin: 0"
OR
Use this css utility thing so you can just go like class="mat-headline m0"
This way you just overriding the margin, should work just fine.
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
add a comment |
I am having similar problem.
So as a workaround you can do style="margin: 0"
OR
Use this css utility thing so you can just go like class="mat-headline m0"
This way you just overriding the margin, should work just fine.
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
add a comment |
I am having similar problem.
So as a workaround you can do style="margin: 0"
OR
Use this css utility thing so you can just go like class="mat-headline m0"
This way you just overriding the margin, should work just fine.
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
I am having similar problem.
So as a workaround you can do style="margin: 0"
OR
Use this css utility thing so you can just go like class="mat-headline m0"
This way you just overriding the margin, should work just fine.
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
answered Jan 31 at 0:20
KuncevičKuncevič
10k84976
10k84976
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53430380%2foverride-angular-material-typography-margins%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Just had a look at the source and it doesn't seem possible. Made an issue here.
– galki
Nov 22 '18 at 13:01