Skip to content

Instantly share code, notes, and snippets.

@MThakkar121
Created July 31, 2019 09:38
Show Gist options
  • Save MThakkar121/2232399e10d694f70f3bf07a37ccc341 to your computer and use it in GitHub Desktop.
Save MThakkar121/2232399e10d694f70f3bf07a37ccc341 to your computer and use it in GitHub Desktop.
difference files between scss and sass
//Scss syntax
@mixin button-base() {
@include typography(button);
@include ripple-surface;
@include ripple-radius-bounded;
display: inline-flex;
position: relative;
height: $button-height;
border: none;
vertical-align: middle;
&:hover {
cursor: pointer;
}
&:disabled {
color: $mdc-button-disabled-ink-color;
cursor: default;
pointer-events: none;
}
}
//Sass Syntax
@mixin button-base()
@include typography(button)
@include ripple-surface
@include ripple-radius-bounded
display: inline-flex
position: relative
height: $button-height
border: none
vertical-align: middle
&:hover
cursor: pointer
&:disabled
color: $mdc-button-disabled-ink-color
cursor: default
pointer-events: none
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment