General
variables
colors
$colors: (
/* Primary */
primary-500: #FE4F02,
primary-400: #FF6933,
primary-300: #FF8559,
primary-200: #FFA789,
primary-50: #FCE8E5,
primary-light: #FF833C,
primary-dark: #C20900,
primary-disabled: #FFCAB7,
/* Secondary */
secondary-300: #5CBAA9,
secondary-200: #88CEC1,
secondary-50: #E1F3F0,
secondary-light: #8FEDDB,
secondary-dark: #258A7A,
secondary-disabled: #B6E1D9,
/* Variant */
black-low:#9D9D9D,
black-disabled:#E0E0E0,
black-medium:#474747,
);
Description
Pastis base colors
Author
Paulo Pimenta
dropdowns-border
$dropdowns-border: (
button1:(
enabled: (1px solid map-get($colors, 'secondary-300')),
disabled: (1px solid map-get($colors, 'secondary-disabled')),
hover: (1px solid map-get($colors, 'secondary-300')),
focus: (1px solid map-get($colors, 'secondary-300')),
),
button2:(
enabled: (1px solid #F0F0F0),
disabled: '',
hover: (1px solid #F0F0F0),
focus: (1px solid #F0F0F0)
),
leading:(
enabled: (1px solid map-get($colors, 'secondary-300')),
disabled: (1px solid map-get($colors, 'secondary-disabled')),
hover: (1px solid map-get($colors, 'secondary-300')),
focus: (1px solid map-get($colors, 'secondary-300'))
),
search:(
enabled: '',
disabled: '',
hover: '',
focus: ''
),
special:(
enabled: (1px solid #5CBAA9)
)
);
Description
Pastis dropdown border colors
Author
Paulo Pimenta
css
.pastis-header-no-sidebar
.pastis-header-no-sidebar { ... }
Author
Paulo Pimenta
.pastis-header-with-sidebar
.pastis-header-with-sidebar { ... }
Author
Paulo Pimenta
mixins
color-modifiers
@mixin color-modifiers() { ... }
Description
Generate base colors for PASTIS
Parameters
None.
See
- [variable]
colors
Author
Paulo Pimenta
button-modifiers
@mixin button-modifiers() { ... }
Description
Generate buttons for PASTIS
Parameters
None.
Output
Pastis buttons
Author
Paulo Pimenta