Skip to content

Instantly share code, notes, and snippets.

@ypcode
Created Oct 31, 2019
Embed
What would you like to do?
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
.wizardComponent {
.row {
@include ms-Grid-row;
padding: 20px;
}
.column {
@include ms-Grid-col;
@include ms-sm12;
}
.halfColumn {
@include ms-Grid-col;
@include ms-sm6;
}
.fullWidthColumn {
@include ms-Grid-col;
@include ms-sm12;
}
.title {
@include ms-font-xl;
@include ms-fontColor-white;
}
.subTitle {
@include ms-font-l;
@include ms-fontColor-white;
}
.description {
@include ms-font-l;
@include ms-fontColor-white;
}
.lefted {
text-align: left;
}
.righted {
text-align: right;
}
.error {
margin: 20px;
padding: 15px;
font-size: larger;
font-weight: bold;
background-color: $ms-color-red;
color: $ms-color-white;
}
.button {
// Our button
text-decoration: none;
height: 32px;
// Primary Button
min-width: 80px;
background-color: $ms-color-themePrimary;
border-color: $ms-color-themePrimary;
color: $ms-color-white;
// Basic Button
outline: transparent;
position: relative;
font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
-webkit-font-smoothing: antialiased;
font-size: $ms-font-size-m;
font-weight: $ms-font-weight-regular;
border-width: 0;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 0 16px;
.label {
font-weight: $ms-font-weight-semibold;
font-size: $ms-font-size-m;
height: 32px;
line-height: 32px;
margin: 0 4px;
vertical-align: top;
display: inline-block;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment