From aa0f4b72981fd37033ddfa67824c41b2716348d9 Mon Sep 17 00:00:00 2001 From: Andrew Jakubowicz Date: Fri, 18 Aug 2023 11:28:39 -0700 Subject: [PATCH] docs(fab): make some sass docs inline PiperOrigin-RevId: 558201462 --- fab/internal/_fab.scss | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/fab/internal/_fab.scss b/fab/internal/_fab.scss index 5ed322e0a0..91adf106c3 100644 --- a/fab/internal/_fab.scss +++ b/fab/internal/_fab.scss @@ -173,17 +173,15 @@ } } - /* - * The default content is needed because we do a bit of trickery. If there is - * no slotted icon we need to have `padding-inline: 20px` but if there is, we - * need padding-inline: 16px 20px. - * - * So what this approach does is make the margin / padding-inline of the outer - * button `padding-inline: 16px 20px`, so if there is something slotted, it - * renders correctly. This default content span then fills the extra `4px` - * inline spacing if nothing is slotted which effectively makes the button's - * inlne spacing `20px/20px`. - */ + // The default content is needed because we do a bit of trickery. If there is + // no slotted icon we need to have `padding-inline: 20px` but if there is, we + // need `padding-inline: 16px 20px`. + // + // So what this approach does is make the margin / padding-inline of the outer + // button `padding-inline: 16px 20px`, so if there is something slotted, it + // renders correctly. This default content span then fills the extra `4px` + // inline spacing if nothing is slotted which effectively makes the button's + // inline spacing `20px/20px`. .fab.extended slot span { padding-inline-start: 4px; }