UNPKG

ngx-bootstrap

Version:
14 lines 2.06 kB
{ "version": 3, "file": "mixins.css", "sources": [ "../../../../src/datepicker/utils/scss/mixins.scss", "../../../../src/datepicker/utils/scss/variables.scss" ], "sourcesContent": [ "@import 'variables';\n\n@mixin theming($name, $color) {\n .theme-#{$name} {\n .bs-datepicker-head {\n background-color: $color;\n }\n\n\n .bs-datepicker-predefined-btns {\n button {\n &.selected {\n background-color: $color ;\n }\n }\n }\n\n .bs-datepicker-body {\n table {\n td {\n span.selected,\n &.selected span,\n span[class*=\"select-\"]:after,\n &[class*=\"select-\"] span:after {\n background-color: $color;\n }\n\n &.week span {\n color: $color;\n }\n\n &.active-week span:hover {\n cursor: pointer;\n background-color: $color;\n color: $font-color-01;\n opacity: 0.5;\n transition: 0s;\n }\n }\n }\n }\n }\n}\n", "$main-bg: #fff !default;\n$custom-range-bg: #eee !default;\n\n$main-box-shadow: #aaa !default;\n\n$font-color-01: #fff !default;\n$font-color-02: #9aaec1 !default;\n$font-color-03: #54708b !default;\n\n$border-color: #e9edf0 !default;\n$highlighted: #e9edf0 !default;\n\n$btn-bg: #e9edf0 !default;\n$btn-bg-hover: #d5dadd !default;\n\n$btn-bg2: #9aaec1 !default;\n$btn-bg2-hover: #54708b !default;\n\n$theme-gray: #777 !default;\n$theme-green: #5cb85c !default;\n$theme-blue: #5bc0de !default;\n$theme-dark-blue: #337ab7 !default;\n$theme-red: #d9534f !default;\n$theme-orange: #f0ad4e !default;\n\n$disabled-background: rgba(221, 221, 221, 0.3) !default;\n$disabled-color: #f5f5f5 !default;\n\n$theme-list: (\n 'default': $theme-gray,\n 'green': $theme-green,\n 'blue': $theme-blue,\n 'dark-blue': $theme-dark-blue,\n 'red': $theme-red,\n 'orange': $theme-orange,\n) !default;\n" ], "names": [], "mappings": "" }