gnezim
4c2b5c4bd1
Ports variables, colors, fonts, layout, mixins, shadows, screen breakpoints, reset, icons, buttons, common, and overrides. Replaces Angular-specific constructs (::ng-deep, :host, element selectors) with React-compatible equivalents. Uses Google Fonts CDN for Roboto.
21 lines
501 B
SCSS
21 lines
501 B
SCSS
@use './colors' as colors;
|
|
@use './variables' as variables;
|
|
|
|
@mixin box-shadow-small {
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
@mixin box-shadow-big {
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
@mixin box-shadow--focus-inset {
|
|
box-shadow: inset 0 0 0 0.2em $focus-shadow !important;
|
|
}
|
|
|
|
@mixin control-border-shadow {
|
|
border: 1px solid colors.$border-input;
|
|
border-radius: variables.$border-radius;
|
|
box-shadow: 0 2px 2px transparentize($color: #b1b1b1, $amount: 0.84);
|
|
}
|