`s
73 | &.active {
74 | z-index: 2; // Place active items above their siblings for proper border styling
75 | color: $list-group-active-color;
76 | background-color: $list-group-active-bg;
77 | border-color: $list-group-active-border-color;
78 | }
79 | }
80 |
81 |
82 | // Flush list items
83 | //
84 | // Remove borders and border-radius to keep list group items edge-to-edge. Most
85 | // useful within other components (e.g., cards).
86 |
87 | .list-group-flush {
88 | .list-group-item {
89 | border-right: 0;
90 | border-left: 0;
91 | @include border-radius(0);
92 | }
93 |
94 | &:first-child {
95 | .list-group-item:first-child {
96 | border-top: 0;
97 | }
98 | }
99 |
100 | &:last-child {
101 | .list-group-item:last-child {
102 | border-bottom: 0;
103 | }
104 | }
105 | }
106 |
107 |
108 | // Contextual variants
109 | //
110 | // Add modifier classes to change text and background color on individual items.
111 | // Organizationally, this must come after the `:hover` states.
112 |
113 | @each $color, $value in $theme-colors {
114 | @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
115 | }
116 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | In the interest of fostering an open and welcoming environment, we as
6 | contributors and maintainers pledge to making participation in our project and
7 | our community a harassment-free experience for everyone, regardless of age, body
8 | size, disability, ethnicity, sex characteristics, gender identity and expression,
9 | level of experience, education, socio-economic status, nationality, personal
10 | appearance, race, religion, or sexual identity and orientation.
11 |
12 | ## Our Standards
13 |
14 | Examples of behavior that contributes to creating a positive environment
15 | include:
16 |
17 | * Using welcoming and inclusive language
18 | * Being respectful of differing viewpoints and experiences
19 | * Gracefully accepting constructive criticism
20 | * Focusing on what is best for the community
21 | * Showing empathy towards other community members
22 |
23 | Examples of unacceptable behavior by participants include:
24 |
25 | * The use of sexualized language or imagery and unwelcome sexual attention or
26 | advances
27 | * Trolling, insulting/derogatory comments, and personal or political attacks
28 | * Public or private harassment
29 | * Publishing others' private information, such as a physical or electronic
30 | address, without explicit permission
31 | * Other conduct which could reasonably be considered inappropriate in a
32 | professional setting
33 |
34 | ## Our Responsibilities
35 |
36 | Project maintainers are responsible for clarifying the standards of acceptable
37 | behavior and are expected to take appropriate and fair corrective action in
38 | response to any instances of unacceptable behavior.
39 |
40 | Project maintainers have the right and responsibility to remove, edit, or
41 | reject comments, commits, code, wiki edits, issues, and other contributions
42 | that are not aligned to this Code of Conduct, or to ban temporarily or
43 | permanently any contributor for other behaviors that they deem inappropriate,
44 | threatening, offensive, or harmful.
45 |
46 | ## Scope
47 |
48 | This Code of Conduct applies both within project spaces and in public spaces
49 | when an individual is representing the project or its community. Examples of
50 | representing a project or community include using an official project e-mail
51 | address, posting via an official social media account, or acting as an appointed
52 | representative at an online or offline event. Representation of a project may be
53 | further defined and clarified by project maintainers.
54 |
55 | ## Enforcement
56 |
57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
58 | reported by contacting the project team at team@dscnitrourkela.org. All
59 | complaints will be reviewed and investigated and will result in a response that
60 | is deemed necessary and appropriate to the circumstances. The project team is
61 | obligated to maintain confidentiality with regard to the reporter of an incident.
62 | Further details of specific enforcement policies may be posted separately.
63 |
64 | Project maintainers who do not follow or enforce the Code of Conduct in good
65 | faith may face temporary or permanent repercussions as determined by other
66 | members of the project's leadership.
67 |
68 | ## Attribution
69 |
70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
72 |
73 | [homepage]: https://www.contributor-covenant.org
74 |
75 | For answers to common questions about this code of conduct, see
76 | https://www.contributor-covenant.org/faq
77 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/mixins/_buttons.scss:
--------------------------------------------------------------------------------
1 | // Button variants
2 | //
3 | // Easily pump out default styles, as well as :hover, :focus, :active,
4 | // and disabled options for all buttons
5 |
6 | @mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
7 | color: color-yiq($background);
8 | @include gradient-bg($background);
9 | border-color: $border;
10 | @include box-shadow($btn-box-shadow);
11 |
12 | @include hover {
13 | color: color-yiq($hover-background);
14 | @include gradient-bg($hover-background);
15 | border-color: $hover-border;
16 | }
17 |
18 | &:focus,
19 | &.focus {
20 | // Avoid using mixin so we can pass custom focus shadow properly
21 | @if $enable-shadows {
22 | box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
23 | } @else {
24 | box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
25 | }
26 | }
27 |
28 | // Disabled comes first so active can properly restyle
29 | &.disabled,
30 | &:disabled {
31 | color: color-yiq($background);
32 | background-color: $background;
33 | border-color: $border;
34 | }
35 |
36 | &:not(:disabled):not(.disabled):active,
37 | &:not(:disabled):not(.disabled).active,
38 | .show > &.dropdown-toggle {
39 | color: color-yiq($active-background);
40 | background-color: $active-background;
41 | @if $enable-gradients {
42 | background-image: none; // Remove the gradient for the pressed/active state
43 | }
44 | border-color: $active-border;
45 |
46 | &:focus {
47 | // Avoid using mixin so we can pass custom focus shadow properly
48 | @if $enable-shadows {
49 | box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
50 | } @else {
51 | box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
52 | }
53 | }
54 | }
55 | }
56 |
57 | @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
58 | color: $color;
59 | background-color: transparent;
60 | background-image: none;
61 | border-color: $color;
62 |
63 | &:hover {
64 | color: $color-hover;
65 | background-color: $active-background;
66 | border-color: $active-border;
67 | }
68 |
69 | &:focus,
70 | &.focus {
71 | box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
72 | }
73 |
74 | &.disabled,
75 | &:disabled {
76 | color: $color;
77 | background-color: transparent;
78 | }
79 |
80 | &:not(:disabled):not(.disabled):active,
81 | &:not(:disabled):not(.disabled).active,
82 | .show > &.dropdown-toggle {
83 | color: color-yiq($active-background);
84 | background-color: $active-background;
85 | border-color: $active-border;
86 |
87 | &:focus {
88 | // Avoid using mixin so we can pass custom focus shadow properly
89 | @if $enable-shadows and $btn-active-box-shadow != none {
90 | box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
91 | } @else {
92 | box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
93 | }
94 | }
95 | }
96 | }
97 |
98 | // Button sizes
99 | @mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
100 | padding: $padding-y $padding-x;
101 | font-size: $font-size;
102 | line-height: $line-height;
103 | // Manually declare to provide an override to the browser default
104 | @if $enable-rounded {
105 | border-radius: $border-radius;
106 | } @else {
107 | border-radius: 0;
108 | }
109 | }
110 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_print.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important, selector-no-qualifying-type
2 |
3 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
4 |
5 | // ==========================================================================
6 | // Print styles.
7 | // Inlined to avoid the additional HTTP request:
8 | // https://www.phpied.com/delay-loading-your-print-css/
9 | // ==========================================================================
10 |
11 | @if $enable-print-styles {
12 | @media print {
13 | *,
14 | *::before,
15 | *::after {
16 | // Bootstrap specific; comment out `color` and `background`
17 | //color: $black !important; // Black prints faster
18 | text-shadow: none !important;
19 | //background: transparent !important;
20 | box-shadow: none !important;
21 | }
22 |
23 | a {
24 | &:not(.btn) {
25 | text-decoration: underline;
26 | }
27 | }
28 |
29 | // Bootstrap specific; comment the following selector out
30 | //a[href]::after {
31 | // content: " (" attr(href) ")";
32 | //}
33 |
34 | abbr[title]::after {
35 | content: " (" attr(title) ")";
36 | }
37 |
38 | // Bootstrap specific; comment the following selector out
39 | //
40 | // Don't show links that are fragment identifiers,
41 | // or use the `javascript:` pseudo protocol
42 | //
43 |
44 | //a[href^="#"]::after,
45 | //a[href^="javascript:"]::after {
46 | // content: "";
47 | //}
48 |
49 | pre {
50 | white-space: pre-wrap !important;
51 | }
52 | pre,
53 | blockquote {
54 | border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
55 | page-break-inside: avoid;
56 | }
57 |
58 | //
59 | // Printing Tables:
60 | // http://css-discuss.incutio.com/wiki/Printing_Tables
61 | //
62 |
63 | thead {
64 | display: table-header-group;
65 | }
66 |
67 | tr,
68 | img {
69 | page-break-inside: avoid;
70 | }
71 |
72 | p,
73 | h2,
74 | h3 {
75 | orphans: 3;
76 | widows: 3;
77 | }
78 |
79 | h2,
80 | h3 {
81 | page-break-after: avoid;
82 | }
83 |
84 | // Bootstrap specific changes start
85 |
86 | // Specify a size and min-width to make printing closer across browsers.
87 | // We don't set margin here because it breaks `size` in Chrome. We also
88 | // don't use `!important` on `size` as it breaks in Chrome.
89 | @page {
90 | size: $print-page-size;
91 | }
92 | body {
93 | min-width: $print-body-min-width !important;
94 | }
95 | .container {
96 | min-width: $print-body-min-width !important;
97 | }
98 |
99 | // Bootstrap components
100 | .navbar {
101 | display: none;
102 | }
103 | .badge {
104 | border: $border-width solid $black;
105 | }
106 |
107 | .table {
108 | border-collapse: collapse !important;
109 |
110 | td,
111 | th {
112 | background-color: $white !important;
113 | }
114 | }
115 |
116 | .table-bordered {
117 | th,
118 | td {
119 | border: 1px solid $gray-300 !important;
120 | }
121 | }
122 |
123 | .table-dark {
124 | color: inherit;
125 |
126 | th,
127 | td,
128 | thead th,
129 | tbody + tbody {
130 | border-color: $table-border-color;
131 | }
132 | }
133 |
134 | .table .thead-dark th {
135 | color: inherit;
136 | border-color: $table-border-color;
137 | }
138 |
139 | // Bootstrap specific changes end
140 | }
141 | }
142 |
--------------------------------------------------------------------------------
/public/support/support.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ICS Chat Support
9 |
10 |
217 |
218 |
219 |
220 |
221 |
222 |
Chat Support
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/mixins/_forms.scss:
--------------------------------------------------------------------------------
1 | // Form control focus state
2 | //
3 | // Generate a customized focus state and for any input with the specified color,
4 | // which defaults to the `$input-focus-border-color` variable.
5 | //
6 | // We highly encourage you to not customize the default value, but instead use
7 | // this to tweak colors on an as-needed basis. This aesthetic change is based on
8 | // WebKit's default styles, but applicable to a wider range of browsers. Its
9 | // usability and accessibility should be taken into account with any change.
10 | //
11 | // Example usage: change the default blue border and shadow to white for better
12 | // contrast against a dark gray background.
13 | @mixin form-control-focus() {
14 | &:focus {
15 | color: $input-focus-color;
16 | background-color: $input-focus-bg;
17 | border-color: $input-focus-border-color;
18 | outline: 0;
19 | // Avoid using mixin so we can pass custom focus shadow properly
20 | @if $enable-shadows {
21 | box-shadow: $input-box-shadow, $input-focus-box-shadow;
22 | } @else {
23 | box-shadow: $input-focus-box-shadow;
24 | }
25 | }
26 | }
27 |
28 |
29 | @mixin form-validation-state($state, $color) {
30 | .#{$state}-feedback {
31 | display: none;
32 | width: 100%;
33 | margin-top: $form-feedback-margin-top;
34 | font-size: $form-feedback-font-size;
35 | color: $color;
36 | }
37 |
38 | .#{$state}-tooltip {
39 | position: absolute;
40 | top: 100%;
41 | z-index: 5;
42 | display: none;
43 | max-width: 100%; // Contain to parent when possible
44 | padding: $tooltip-padding-y $tooltip-padding-x;
45 | margin-top: .1rem;
46 | font-size: $tooltip-font-size;
47 | line-height: $line-height-base;
48 | color: color-yiq($color);
49 | background-color: rgba($color, $tooltip-opacity);
50 | @include border-radius($tooltip-border-radius);
51 | }
52 |
53 | .form-control,
54 | .custom-select {
55 | .was-validated &:#{$state},
56 | &.is-#{$state} {
57 | border-color: $color;
58 |
59 | &:focus {
60 | border-color: $color;
61 | box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
62 | }
63 |
64 | ~ .#{$state}-feedback,
65 | ~ .#{$state}-tooltip {
66 | display: block;
67 | }
68 | }
69 | }
70 |
71 | .form-control-file {
72 | .was-validated &:#{$state},
73 | &.is-#{$state} {
74 | ~ .#{$state}-feedback,
75 | ~ .#{$state}-tooltip {
76 | display: block;
77 | }
78 | }
79 | }
80 |
81 | .form-check-input {
82 | .was-validated &:#{$state},
83 | &.is-#{$state} {
84 | ~ .form-check-label {
85 | color: $color;
86 | }
87 |
88 | ~ .#{$state}-feedback,
89 | ~ .#{$state}-tooltip {
90 | display: block;
91 | }
92 | }
93 | }
94 |
95 | .custom-control-input {
96 | .was-validated &:#{$state},
97 | &.is-#{$state} {
98 | ~ .custom-control-label {
99 | color: $color;
100 |
101 | &::before {
102 | background-color: lighten($color, 25%);
103 | }
104 | }
105 |
106 | ~ .#{$state}-feedback,
107 | ~ .#{$state}-tooltip {
108 | display: block;
109 | }
110 |
111 | &:checked {
112 | ~ .custom-control-label::before {
113 | @include gradient-bg(lighten($color, 10%));
114 | }
115 | }
116 |
117 | &:focus {
118 | ~ .custom-control-label::before {
119 | box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
120 | }
121 | }
122 | }
123 | }
124 |
125 | // custom file
126 | .custom-file-input {
127 | .was-validated &:#{$state},
128 | &.is-#{$state} {
129 | ~ .custom-file-label {
130 | border-color: $color;
131 |
132 | &::after { border-color: inherit; }
133 | }
134 |
135 | ~ .#{$state}-feedback,
136 | ~ .#{$state}-tooltip {
137 | display: block;
138 | }
139 |
140 | &:focus {
141 | ~ .custom-file-label {
142 | box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
143 | }
144 | }
145 | }
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/public/terms.html:
--------------------------------------------------------------------------------
1 | DSC NIT Rourkela Terms of Service
2 | 1. Terms
3 | By accessing the website at http://dscnitrourkela.org , you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.
4 | 2. Use Licence
5 |
6 | Permission is granted to temporarily download one copy of the materials (information or software) on DSC NIT Rourkela's website for personal, non-commercial transitory viewing only. This is the grant of a licence, not a transfer of title, and under this licence you may not:
7 |
8 | modify or copy the materials;
9 | use the materials for any commercial purpose, or for any public display (commercial or non-commercial);
10 | attempt to decompile or reverse engineer any software contained on DSC NIT Rourkela's website;
11 | remove any copyright or other proprietary notations from the materials; or
12 | transfer the materials to another person or "mirror" the materials on any other server.
13 |
14 |
15 | This licence shall automatically terminate if you violate any of these restrictions and may be terminated by DSC NIT Rourkela at any time. Upon terminating your viewing of these materials or upon the termination of this licence, you must destroy any downloaded materials in your possession whether in electronic or printed format.
16 |
17 | 3. Disclaimer
18 |
19 | The materials on DSC NIT Rourkela's website are provided on an 'as is' basis. DSC NIT Rourkela makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.
20 | Further, DSC NIT Rourkela does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site.
21 |
22 | 4. Limitations
23 | In no event shall DSC NIT Rourkela or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on DSC NIT Rourkela's website, even if DSC NIT Rourkela or a DSC NIT Rourkela authorised representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.
24 | 5. Accuracy of materials
25 | The materials appearing on DSC NIT Rourkela's website could include technical, typographical, or photographic errors. DSC NIT Rourkela does not warrant that any of the materials on its website are accurate, complete or current. DSC NIT Rourkela may make changes to the materials contained on its website at any time without notice. However DSC NIT Rourkela does not make any commitment to update the materials.
26 | 6. Links
27 | DSC NIT Rourkela has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by DSC NIT Rourkela of the site. Use of any such linked website is at the user's own risk.
28 | 7. Modifications
29 | DSC NIT Rourkela may revise these terms of service for its website at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service.
30 | 8. Governing Law
31 | These terms and conditions are governed by and construed in accordance with the laws of Rourkela, Odisha, India and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.
32 | Terms of Use created with GetTerms.
33 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_tables.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Basic Bootstrap table
3 | //
4 |
5 | .table {
6 | width: 100%;
7 | margin-bottom: $spacer;
8 | background-color: $table-bg; // Reset for nesting within parents with `background-color`.
9 |
10 | th,
11 | td {
12 | padding: $table-cell-padding;
13 | vertical-align: top;
14 | border-top: $table-border-width solid $table-border-color;
15 | }
16 |
17 | thead th {
18 | vertical-align: bottom;
19 | border-bottom: (2 * $table-border-width) solid $table-border-color;
20 | }
21 |
22 | tbody + tbody {
23 | border-top: (2 * $table-border-width) solid $table-border-color;
24 | }
25 |
26 | .table {
27 | background-color: $body-bg;
28 | }
29 | }
30 |
31 |
32 | //
33 | // Condensed table w/ half padding
34 | //
35 |
36 | .table-sm {
37 | th,
38 | td {
39 | padding: $table-cell-padding-sm;
40 | }
41 | }
42 |
43 |
44 | // Border versions
45 | //
46 | // Add or remove borders all around the table and between all the columns.
47 |
48 | .table-bordered {
49 | border: $table-border-width solid $table-border-color;
50 |
51 | th,
52 | td {
53 | border: $table-border-width solid $table-border-color;
54 | }
55 |
56 | thead {
57 | th,
58 | td {
59 | border-bottom-width: (2 * $table-border-width);
60 | }
61 | }
62 | }
63 |
64 | .table-borderless {
65 | th,
66 | td,
67 | thead th,
68 | tbody + tbody {
69 | border: 0;
70 | }
71 | }
72 |
73 | // Zebra-striping
74 | //
75 | // Default zebra-stripe styles (alternating gray and transparent backgrounds)
76 |
77 | .table-striped {
78 | tbody tr:nth-of-type(#{$table-striped-order}) {
79 | background-color: $table-accent-bg;
80 | }
81 | }
82 |
83 |
84 | // Hover effect
85 | //
86 | // Placed here since it has to come after the potential zebra striping
87 |
88 | .table-hover {
89 | tbody tr {
90 | @include hover {
91 | background-color: $table-hover-bg;
92 | }
93 | }
94 | }
95 |
96 |
97 | // Table backgrounds
98 | //
99 | // Exact selectors below required to override `.table-striped` and prevent
100 | // inheritance to nested tables.
101 |
102 | @each $color, $value in $theme-colors {
103 | @include table-row-variant($color, theme-color-level($color, -9));
104 | }
105 |
106 | @include table-row-variant(active, $table-active-bg);
107 |
108 |
109 | // Dark styles
110 | //
111 | // Same table markup, but inverted color scheme: dark background and light text.
112 |
113 | // stylelint-disable-next-line no-duplicate-selectors
114 | .table {
115 | .thead-dark {
116 | th {
117 | color: $table-dark-color;
118 | background-color: $table-dark-bg;
119 | border-color: $table-dark-border-color;
120 | }
121 | }
122 |
123 | .thead-light {
124 | th {
125 | color: $table-head-color;
126 | background-color: $table-head-bg;
127 | border-color: $table-border-color;
128 | }
129 | }
130 | }
131 |
132 | .table-dark {
133 | color: $table-dark-color;
134 | background-color: $table-dark-bg;
135 |
136 | th,
137 | td,
138 | thead th {
139 | border-color: $table-dark-border-color;
140 | }
141 |
142 | &.table-bordered {
143 | border: 0;
144 | }
145 |
146 | &.table-striped {
147 | tbody tr:nth-of-type(odd) {
148 | background-color: $table-dark-accent-bg;
149 | }
150 | }
151 |
152 | &.table-hover {
153 | tbody tr {
154 | @include hover {
155 | background-color: $table-dark-hover-bg;
156 | }
157 | }
158 | }
159 | }
160 |
161 |
162 | // Responsive tables
163 | //
164 | // Generate series of `.table-responsive-*` classes for configuring the screen
165 | // size of where your table will overflow.
166 |
167 | .table-responsive {
168 | @each $breakpoint in map-keys($grid-breakpoints) {
169 | $next: breakpoint-next($breakpoint, $grid-breakpoints);
170 | $infix: breakpoint-infix($next, $grid-breakpoints);
171 |
172 | &#{$infix} {
173 | @include media-breakpoint-down($breakpoint) {
174 | display: block;
175 | width: 100%;
176 | overflow-x: auto;
177 | -webkit-overflow-scrolling: touch;
178 | -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
179 |
180 | // Prevent double border on horizontal scroll due to use of `display: block;`
181 | > .table-bordered {
182 | border: 0;
183 | }
184 | }
185 | }
186 | }
187 | }
188 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_dropdown.scss:
--------------------------------------------------------------------------------
1 | // The dropdown wrapper (``)
2 | .dropup,
3 | .dropright,
4 | .dropdown,
5 | .dropleft {
6 | position: relative;
7 | }
8 |
9 | .dropdown-toggle {
10 | // Generate the caret automatically
11 | @include caret;
12 | }
13 |
14 | // The dropdown menu
15 | .dropdown-menu {
16 | position: absolute;
17 | top: 100%;
18 | left: 0;
19 | z-index: $zindex-dropdown;
20 | display: none; // none by default, but block on "open" of the menu
21 | float: left;
22 | min-width: $dropdown-min-width;
23 | padding: $dropdown-padding-y 0;
24 | margin: $dropdown-spacer 0 0; // override default ul
25 | font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
26 | color: $body-color;
27 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
28 | list-style: none;
29 | background-color: $dropdown-bg;
30 | background-clip: padding-box;
31 | border: $dropdown-border-width solid $dropdown-border-color;
32 | @include border-radius($dropdown-border-radius);
33 | @include box-shadow($dropdown-box-shadow);
34 | }
35 |
36 | .dropdown-menu-right {
37 | right: 0;
38 | left: auto;
39 | }
40 |
41 | // Allow for dropdowns to go bottom up (aka, dropup-menu)
42 | // Just add .dropup after the standard .dropdown class and you're set.
43 | .dropup {
44 | .dropdown-menu {
45 | top: auto;
46 | bottom: 100%;
47 | margin-top: 0;
48 | margin-bottom: $dropdown-spacer;
49 | }
50 |
51 | .dropdown-toggle {
52 | @include caret(up);
53 | }
54 | }
55 |
56 | .dropright {
57 | .dropdown-menu {
58 | top: 0;
59 | right: auto;
60 | left: 100%;
61 | margin-top: 0;
62 | margin-left: $dropdown-spacer;
63 | }
64 |
65 | .dropdown-toggle {
66 | @include caret(right);
67 | &::after {
68 | vertical-align: 0;
69 | }
70 | }
71 | }
72 |
73 | .dropleft {
74 | .dropdown-menu {
75 | top: 0;
76 | right: 100%;
77 | left: auto;
78 | margin-top: 0;
79 | margin-right: $dropdown-spacer;
80 | }
81 |
82 | .dropdown-toggle {
83 | @include caret(left);
84 | &::before {
85 | vertical-align: 0;
86 | }
87 | }
88 | }
89 |
90 | // When enabled Popper.js, reset basic dropdown position
91 | // stylelint-disable no-duplicate-selectors
92 | .dropdown-menu {
93 | &[x-placement^="top"],
94 | &[x-placement^="right"],
95 | &[x-placement^="bottom"],
96 | &[x-placement^="left"] {
97 | right: auto;
98 | bottom: auto;
99 | }
100 | }
101 | // stylelint-enable no-duplicate-selectors
102 |
103 | // Dividers (basically an `
`) within the dropdown
104 | .dropdown-divider {
105 | @include nav-divider($dropdown-divider-bg);
106 | }
107 |
108 | // Links, buttons, and more within the dropdown menu
109 | //
110 | // `
`-specific styles are denoted with `// For s`
111 | .dropdown-item {
112 | display: block;
113 | width: 100%; // For ``s
114 | padding: $dropdown-item-padding-y $dropdown-item-padding-x;
115 | clear: both;
116 | font-weight: $font-weight-normal;
117 | color: $dropdown-link-color;
118 | text-align: inherit; // For ``s
119 | white-space: nowrap; // prevent links from randomly breaking onto new lines
120 | background-color: transparent; // For ``s
121 | border: 0; // For ``s
122 |
123 | @include hover-focus {
124 | color: $dropdown-link-hover-color;
125 | text-decoration: none;
126 | @include gradient-bg($dropdown-link-hover-bg);
127 | }
128 |
129 | &.active,
130 | &:active {
131 | color: $dropdown-link-active-color;
132 | text-decoration: none;
133 | @include gradient-bg($dropdown-link-active-bg);
134 | }
135 |
136 | &.disabled,
137 | &:disabled {
138 | color: $dropdown-link-disabled-color;
139 | background-color: transparent;
140 | // Remove CSS gradients if they're enabled
141 | @if $enable-gradients {
142 | background-image: none;
143 | }
144 | }
145 | }
146 |
147 | .dropdown-menu.show {
148 | display: block;
149 | }
150 |
151 | // Dropdown section headers
152 | .dropdown-header {
153 | display: block;
154 | padding: $dropdown-padding-y $dropdown-item-padding-x;
155 | margin-bottom: 0; // for use with heading elements
156 | font-size: $font-size-sm;
157 | color: $dropdown-header-color;
158 | white-space: nowrap; // as with > li > a
159 | }
160 |
161 | // Dropdown text
162 | .dropdown-item-text {
163 | display: block;
164 | padding: $dropdown-item-padding-y $dropdown-item-padding-x;
165 | color: $dropdown-link-color;
166 | }
167 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_button-group.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable selector-no-qualifying-type
2 |
3 | // Make the div behave like a button
4 | .btn-group,
5 | .btn-group-vertical {
6 | position: relative;
7 | display: inline-flex;
8 | vertical-align: middle; // match .btn alignment given font-size hack above
9 |
10 | > .btn {
11 | position: relative;
12 | flex: 0 1 auto;
13 |
14 | // Bring the hover, focused, and "active" buttons to the front to overlay
15 | // the borders properly
16 | @include hover {
17 | z-index: 1;
18 | }
19 | &:focus,
20 | &:active,
21 | &.active {
22 | z-index: 1;
23 | }
24 | }
25 |
26 | // Prevent double borders when buttons are next to each other
27 | .btn + .btn,
28 | .btn + .btn-group,
29 | .btn-group + .btn,
30 | .btn-group + .btn-group {
31 | margin-left: -$btn-border-width;
32 | }
33 | }
34 |
35 | // Optional: Group multiple button groups together for a toolbar
36 | .btn-toolbar {
37 | display: flex;
38 | flex-wrap: wrap;
39 | justify-content: flex-start;
40 |
41 | .input-group {
42 | width: auto;
43 | }
44 | }
45 |
46 | .btn-group {
47 | > .btn:first-child {
48 | margin-left: 0;
49 | }
50 |
51 | // Reset rounded corners
52 | > .btn:not(:last-child):not(.dropdown-toggle),
53 | > .btn-group:not(:last-child) > .btn {
54 | @include border-right-radius(0);
55 | }
56 |
57 | > .btn:not(:first-child),
58 | > .btn-group:not(:first-child) > .btn {
59 | @include border-left-radius(0);
60 | }
61 | }
62 |
63 | // Sizing
64 | //
65 | // Remix the default button sizing classes into new ones for easier manipulation.
66 |
67 | .btn-group-sm > .btn { @extend .btn-sm; }
68 | .btn-group-lg > .btn { @extend .btn-lg; }
69 |
70 |
71 | //
72 | // Split button dropdowns
73 | //
74 |
75 | .dropdown-toggle-split {
76 | padding-right: $btn-padding-x * .75;
77 | padding-left: $btn-padding-x * .75;
78 |
79 | &::after,
80 | .dropup &::after,
81 | .dropright &::after {
82 | margin-left: 0;
83 | }
84 |
85 | .dropleft &::before {
86 | margin-right: 0;
87 | }
88 | }
89 |
90 | .btn-sm + .dropdown-toggle-split {
91 | padding-right: $btn-padding-x-sm * .75;
92 | padding-left: $btn-padding-x-sm * .75;
93 | }
94 |
95 | .btn-lg + .dropdown-toggle-split {
96 | padding-right: $btn-padding-x-lg * .75;
97 | padding-left: $btn-padding-x-lg * .75;
98 | }
99 |
100 |
101 | // The clickable button for toggling the menu
102 | // Set the same inset shadow as the :active state
103 | .btn-group.show .dropdown-toggle {
104 | @include box-shadow($btn-active-box-shadow);
105 |
106 | // Show no shadow for `.btn-link` since it has no other button styles.
107 | &.btn-link {
108 | @include box-shadow(none);
109 | }
110 | }
111 |
112 |
113 | //
114 | // Vertical button groups
115 | //
116 |
117 | .btn-group-vertical {
118 | flex-direction: column;
119 | align-items: flex-start;
120 | justify-content: center;
121 |
122 | .btn,
123 | .btn-group {
124 | width: 100%;
125 | }
126 |
127 | > .btn + .btn,
128 | > .btn + .btn-group,
129 | > .btn-group + .btn,
130 | > .btn-group + .btn-group {
131 | margin-top: -$btn-border-width;
132 | margin-left: 0;
133 | }
134 |
135 | // Reset rounded corners
136 | > .btn:not(:last-child):not(.dropdown-toggle),
137 | > .btn-group:not(:last-child) > .btn {
138 | @include border-bottom-radius(0);
139 | }
140 |
141 | > .btn:not(:first-child),
142 | > .btn-group:not(:first-child) > .btn {
143 | @include border-top-radius(0);
144 | }
145 | }
146 |
147 |
148 | // Checkbox and radio options
149 | //
150 | // In order to support the browser's form validation feedback, powered by the
151 | // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
152 | // `display: none;` or `visibility: hidden;` as that also hides the popover.
153 | // Simply visually hiding the inputs via `opacity` would leave them clickable in
154 | // certain cases which is prevented by using `clip` and `pointer-events`.
155 | // This way, we ensure a DOM element is visible to position the popover from.
156 | //
157 | // See https://github.com/twbs/bootstrap/pull/12794 and
158 | // https://github.com/twbs/bootstrap/pull/14559 for more information.
159 |
160 | .btn-group-toggle {
161 | > .btn,
162 | > .btn-group > .btn {
163 | margin-bottom: 0; // Override default `` value
164 |
165 | input[type="radio"],
166 | input[type="checkbox"] {
167 | position: absolute;
168 | clip: rect(0, 0, 0, 0);
169 | pointer-events: none;
170 | }
171 | }
172 | }
173 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/mixins/_breakpoints.scss:
--------------------------------------------------------------------------------
1 | // Breakpoint viewport sizes and media queries.
2 | //
3 | // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4 | //
5 | // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
6 | //
7 | // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8 |
9 | // Name of the next breakpoint, or null for the last breakpoint.
10 | //
11 | // >> breakpoint-next(sm)
12 | // md
13 | // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
14 | // md
15 | // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16 | // md
17 | @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18 | $n: index($breakpoint-names, $name);
19 | @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
20 | }
21 |
22 | // Minimum breakpoint width. Null for the smallest (first) breakpoint.
23 | //
24 | // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
25 | // 576px
26 | @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
27 | $min: map-get($breakpoints, $name);
28 | @return if($min != 0, $min, null);
29 | }
30 |
31 | // Maximum breakpoint width. Null for the largest (last) breakpoint.
32 | // The maximum value is calculated as the minimum of the next one less 0.02px
33 | // to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
34 | // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
35 | // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
36 | // See https://bugs.webkit.org/show_bug.cgi?id=178261
37 | //
38 | // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
39 | // 767.98px
40 | @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
41 | $next: breakpoint-next($name, $breakpoints);
42 | @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
43 | }
44 |
45 | // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
46 | // Useful for making responsive utilities.
47 | //
48 | // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
49 | // "" (Returns a blank string)
50 | // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
51 | // "-sm"
52 | @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
53 | @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
54 | }
55 |
56 | // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
57 | // Makes the @content apply to the given breakpoint and wider.
58 | @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
59 | $min: breakpoint-min($name, $breakpoints);
60 | @if $min {
61 | @media (min-width: $min) {
62 | @content;
63 | }
64 | } @else {
65 | @content;
66 | }
67 | }
68 |
69 | // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
70 | // Makes the @content apply to the given breakpoint and narrower.
71 | @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
72 | $max: breakpoint-max($name, $breakpoints);
73 | @if $max {
74 | @media (max-width: $max) {
75 | @content;
76 | }
77 | } @else {
78 | @content;
79 | }
80 | }
81 |
82 | // Media that spans multiple breakpoint widths.
83 | // Makes the @content apply between the min and max breakpoints
84 | @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
85 | $min: breakpoint-min($lower, $breakpoints);
86 | $max: breakpoint-max($upper, $breakpoints);
87 |
88 | @if $min != null and $max != null {
89 | @media (min-width: $min) and (max-width: $max) {
90 | @content;
91 | }
92 | } @else if $max == null {
93 | @include media-breakpoint-up($lower, $breakpoints) {
94 | @content;
95 | }
96 | } @else if $min == null {
97 | @include media-breakpoint-down($upper, $breakpoints) {
98 | @content;
99 | }
100 | }
101 | }
102 |
103 | // Media between the breakpoint's minimum and maximum widths.
104 | // No minimum for the smallest breakpoint, and no maximum for the largest one.
105 | // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
106 | @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
107 | $min: breakpoint-min($name, $breakpoints);
108 | $max: breakpoint-max($name, $breakpoints);
109 |
110 | @if $min != null and $max != null {
111 | @media (min-width: $min) and (max-width: $max) {
112 | @content;
113 | }
114 | } @else if $max == null {
115 | @include media-breakpoint-up($name, $breakpoints) {
116 | @content;
117 | }
118 | } @else if $min == null {
119 | @include media-breakpoint-down($name, $breakpoints) {
120 | @content;
121 | }
122 | }
123 | }
124 |
--------------------------------------------------------------------------------
/public/js/jquery.countdown.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * The Final Countdown for jQuery v2.2.0 (http://hilios.github.io/jQuery.countdown/)
3 | * Copyright (c) 2016 Edson Hilios
4 | *
5 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
6 | * this software and associated documentation files (the "Software"), to deal in
7 | * the Software without restriction, including without limitation the rights to
8 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9 | * the Software, and to permit persons to whom the Software is furnished to do so,
10 | * subject to the following conditions:
11 | *
12 | * The above copyright notice and this permission notice shall be included in all
13 | * copies or substantial portions of the Software.
14 | *
15 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | */
22 | !function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){"use strict";function b(a){if(a instanceof Date)return a;if(String(a).match(g))return String(a).match(/^[0-9]*$/)&&(a=Number(a)),String(a).match(/\-/)&&(a=String(a).replace(/\-/g,"/")),new Date(a);throw new Error("Couldn't cast `"+a+"` to a date object.")}function c(a){var b=a.toString().replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1");return new RegExp(b)}function d(a){return function(b){var d=b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);if(d)for(var f=0,g=d.length;f1?c:d}var f=[],g=[],h={precision:100,elapse:!1,defer:!1};g.push(/^[0-9]*$/.source),g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g=new RegExp(g.join("|"));var i={Y:"years",m:"months",n:"daysToMonth",d:"daysToWeek",w:"weeks",W:"weeksToMonth",H:"hours",M:"minutes",S:"seconds",D:"totalDays",I:"totalHours",N:"totalMinutes",T:"totalSeconds"},j=function(b,c,d){this.el=b,this.$el=a(b),this.interval=null,this.offset={},this.options=a.extend({},h),this.instanceNumber=f.length,f.push(this),this.$el.data("countdown-instance",this.instanceNumber),d&&("function"==typeof d?(this.$el.on("update.countdown",d),this.$el.on("stoped.countdown",d),this.$el.on("finish.countdown",d)):this.options=a.extend({},h,d)),this.setFinalDate(c),this.options.defer===!1&&this.start()};a.extend(j.prototype,{start:function(){null!==this.interval&&clearInterval(this.interval);var a=this;this.update(),this.interval=setInterval(function(){a.update.call(a)},this.options.precision)},stop:function(){clearInterval(this.interval),this.interval=null,this.dispatchEvent("stoped")},toggle:function(){this.interval?this.stop():this.start()},pause:function(){this.stop()},resume:function(){this.start()},remove:function(){this.stop.call(this),f[this.instanceNumber]=null,delete this.$el.data().countdownInstance},setFinalDate:function(a){this.finalDate=b(a)},update:function(){if(0===this.$el.closest("html").length)return void this.remove();var b,c=void 0!==a._data(this.el,"events"),d=new Date;b=this.finalDate.getTime()-d.getTime(),b=Math.ceil(b/1e3),b=!this.options.elapse&&b<0?0:Math.abs(b),this.totalSecsLeft!==b&&c&&(this.totalSecsLeft=b,this.elapsed=d>=this.finalDate,this.offset={seconds:this.totalSecsLeft%60,minutes:Math.floor(this.totalSecsLeft/60)%60,hours:Math.floor(this.totalSecsLeft/60/60)%24,days:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToWeek:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToMonth:Math.floor(this.totalSecsLeft/60/60/24%30.4368),weeks:Math.floor(this.totalSecsLeft/60/60/24/7),weeksToMonth:Math.floor(this.totalSecsLeft/60/60/24/7)%4,months:Math.floor(this.totalSecsLeft/60/60/24/30.4368),years:Math.abs(this.finalDate.getFullYear()-d.getFullYear()),totalDays:Math.floor(this.totalSecsLeft/60/60/24),totalHours:Math.floor(this.totalSecsLeft/60/60),totalMinutes:Math.floor(this.totalSecsLeft/60),totalSeconds:this.totalSecsLeft},this.options.elapse||0!==this.totalSecsLeft?this.dispatchEvent("update"):(this.stop(),this.dispatchEvent("finish")))},dispatchEvent:function(b){var c=a.Event(b+".countdown");c.finalDate=this.finalDate,c.elapsed=this.elapsed,c.offset=a.extend({},this.offset),c.strftime=d(this.offset),this.$el.trigger(c)}}),a.fn.countdown=function(){var b=Array.prototype.slice.call(arguments,0);return this.each(function(){var c=a(this).data("countdown-instance");if(void 0!==c){var d=f[c],e=b[0];j.prototype.hasOwnProperty(e)?d[e].apply(d,b.slice(1)):null===String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i)?(d.setFinalDate.call(d,e),d.start()):a.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi,e))}else new j(this,b[0],b[1])})}});
--------------------------------------------------------------------------------
/public/scss/bootstrap/_popover.scss:
--------------------------------------------------------------------------------
1 | .popover {
2 | position: absolute;
3 | top: 0;
4 | left: 0;
5 | z-index: $zindex-popover;
6 | display: block;
7 | max-width: $popover-max-width;
8 | // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
9 | // So reset our font and text properties to avoid inheriting weird values.
10 | @include reset-text();
11 | font-size: $popover-font-size;
12 | // Allow breaking very long words so they don't overflow the popover's bounds
13 | word-wrap: break-word;
14 | background-color: $popover-bg;
15 | background-clip: padding-box;
16 | border: $popover-border-width solid $popover-border-color;
17 | @include border-radius($popover-border-radius);
18 | @include box-shadow($popover-box-shadow);
19 |
20 | .arrow {
21 | position: absolute;
22 | display: block;
23 | width: $popover-arrow-width;
24 | height: $popover-arrow-height;
25 | margin: 0 $border-radius-lg;
26 |
27 | &::before,
28 | &::after {
29 | position: absolute;
30 | display: block;
31 | content: "";
32 | border-color: transparent;
33 | border-style: solid;
34 | }
35 | }
36 | }
37 |
38 | .bs-popover-top {
39 | margin-bottom: $popover-arrow-height;
40 |
41 | .arrow {
42 | bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
43 | }
44 |
45 | .arrow::before,
46 | .arrow::after {
47 | border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
48 | }
49 |
50 | .arrow::before {
51 | bottom: 0;
52 | border-top-color: $popover-arrow-outer-color;
53 | }
54 |
55 | .arrow::after {
56 | bottom: $popover-border-width;
57 | border-top-color: $popover-arrow-color;
58 | }
59 | }
60 |
61 | .bs-popover-right {
62 | margin-left: $popover-arrow-height;
63 |
64 | .arrow {
65 | left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
66 | width: $popover-arrow-height;
67 | height: $popover-arrow-width;
68 | margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
69 | }
70 |
71 | .arrow::before,
72 | .arrow::after {
73 | border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
74 | }
75 |
76 | .arrow::before {
77 | left: 0;
78 | border-right-color: $popover-arrow-outer-color;
79 | }
80 |
81 | .arrow::after {
82 | left: $popover-border-width;
83 | border-right-color: $popover-arrow-color;
84 | }
85 | }
86 |
87 | .bs-popover-bottom {
88 | margin-top: $popover-arrow-height;
89 |
90 | .arrow {
91 | top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
92 | }
93 |
94 | .arrow::before,
95 | .arrow::after {
96 | border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
97 | }
98 |
99 | .arrow::before {
100 | top: 0;
101 | border-bottom-color: $popover-arrow-outer-color;
102 | }
103 |
104 | .arrow::after {
105 | top: $popover-border-width;
106 | border-bottom-color: $popover-arrow-color;
107 | }
108 |
109 | // This will remove the popover-header's border just below the arrow
110 | .popover-header::before {
111 | position: absolute;
112 | top: 0;
113 | left: 50%;
114 | display: block;
115 | width: $popover-arrow-width;
116 | margin-left: ($popover-arrow-width / -2);
117 | content: "";
118 | border-bottom: $popover-border-width solid $popover-header-bg;
119 | }
120 | }
121 |
122 | .bs-popover-left {
123 | margin-right: $popover-arrow-height;
124 |
125 | .arrow {
126 | right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
127 | width: $popover-arrow-height;
128 | height: $popover-arrow-width;
129 | margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
130 | }
131 |
132 | .arrow::before,
133 | .arrow::after {
134 | border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
135 | }
136 |
137 | .arrow::before {
138 | right: 0;
139 | border-left-color: $popover-arrow-outer-color;
140 | }
141 |
142 | .arrow::after {
143 | right: $popover-border-width;
144 | border-left-color: $popover-arrow-color;
145 | }
146 | }
147 |
148 | .bs-popover-auto {
149 | &[x-placement^="top"] {
150 | @extend .bs-popover-top;
151 | }
152 | &[x-placement^="right"] {
153 | @extend .bs-popover-right;
154 | }
155 | &[x-placement^="bottom"] {
156 | @extend .bs-popover-bottom;
157 | }
158 | &[x-placement^="left"] {
159 | @extend .bs-popover-left;
160 | }
161 | }
162 |
163 |
164 | // Offset the popover to account for the popover arrow
165 | .popover-header {
166 | padding: $popover-header-padding-y $popover-header-padding-x;
167 | margin-bottom: 0; // Reset the default from Reboot
168 | font-size: $font-size-base;
169 | color: $popover-header-color;
170 | background-color: $popover-header-bg;
171 | border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
172 | $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
173 | @include border-top-radius($offset-border-width);
174 |
175 | &:empty {
176 | display: none;
177 | }
178 | }
179 |
180 | .popover-body {
181 | padding: $popover-body-padding-y $popover-body-padding-x;
182 | color: $popover-body-color;
183 | }
184 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_modal.scss:
--------------------------------------------------------------------------------
1 | // .modal-open - body class for killing the scroll
2 | // .modal - container to scroll within
3 | // .modal-dialog - positioning shell for the actual modal
4 | // .modal-content - actual modal w/ bg and corners and stuff
5 |
6 |
7 | .modal-open {
8 | // Kill the scroll on the body
9 | overflow: hidden;
10 |
11 | .modal {
12 | overflow-x: hidden;
13 | overflow-y: auto;
14 | }
15 | }
16 |
17 | // Container that the modal scrolls within
18 | .modal {
19 | position: fixed;
20 | top: 0;
21 | right: 0;
22 | bottom: 0;
23 | left: 0;
24 | z-index: $zindex-modal;
25 | display: none;
26 | overflow: hidden;
27 | // Prevent Chrome on Windows from adding a focus outline. For details, see
28 | // https://github.com/twbs/bootstrap/pull/10951.
29 | outline: 0;
30 | // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
31 | // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
32 | // See also https://github.com/twbs/bootstrap/issues/17695
33 | }
34 |
35 | // Shell div to position the modal with bottom padding
36 | .modal-dialog {
37 | position: relative;
38 | width: auto;
39 | margin: $modal-dialog-margin;
40 | // allow clicks to pass through for custom click handling to close modal
41 | pointer-events: none;
42 |
43 | // When fading in the modal, animate it to slide down
44 | .modal.fade & {
45 | @include transition($modal-transition);
46 | transform: translate(0, -25%);
47 | }
48 | .modal.show & {
49 | transform: translate(0, 0);
50 | }
51 | }
52 |
53 | .modal-dialog-centered {
54 | display: flex;
55 | align-items: center;
56 | min-height: calc(100% - (#{$modal-dialog-margin} * 2));
57 |
58 | // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
59 | &::before {
60 | display: block; // IE10
61 | height: calc(100vh - (#{$modal-dialog-margin} * 2));
62 | content: "";
63 | }
64 | }
65 |
66 | // Actual modal
67 | .modal-content {
68 | position: relative;
69 | display: flex;
70 | flex-direction: column;
71 | width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
72 | // counteract the pointer-events: none; in the .modal-dialog
73 | pointer-events: auto;
74 | background-color: $modal-content-bg;
75 | background-clip: padding-box;
76 | border: $modal-content-border-width solid $modal-content-border-color;
77 | @include border-radius($modal-content-border-radius);
78 | @include box-shadow($modal-content-box-shadow-xs);
79 | // Remove focus outline from opened modal
80 | outline: 0;
81 | }
82 |
83 | // Modal background
84 | .modal-backdrop {
85 | position: fixed;
86 | top: 0;
87 | right: 0;
88 | bottom: 0;
89 | left: 0;
90 | z-index: $zindex-modal-backdrop;
91 | background-color: $modal-backdrop-bg;
92 |
93 | // Fade for backdrop
94 | &.fade { opacity: 0; }
95 | &.show { opacity: $modal-backdrop-opacity; }
96 | }
97 |
98 | // Modal header
99 | // Top section of the modal w/ title and dismiss
100 | .modal-header {
101 | display: flex;
102 | align-items: flex-start; // so the close btn always stays on the upper right corner
103 | justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
104 | padding: $modal-header-padding;
105 | border-bottom: $modal-header-border-width solid $modal-header-border-color;
106 | @include border-top-radius($modal-content-border-radius);
107 |
108 | .close {
109 | padding: $modal-header-padding;
110 | // auto on the left force icon to the right even when there is no .modal-title
111 | margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
112 | }
113 | }
114 |
115 | // Title text within header
116 | .modal-title {
117 | margin-bottom: 0;
118 | line-height: $modal-title-line-height;
119 | }
120 |
121 | // Modal body
122 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
123 | .modal-body {
124 | position: relative;
125 | // Enable `flex-grow: 1` so that the body take up as much space as possible
126 | // when should there be a fixed height on `.modal-dialog`.
127 | flex: 1 1 auto;
128 | padding: $modal-inner-padding;
129 | }
130 |
131 | // Footer (for actions)
132 | .modal-footer {
133 | display: flex;
134 | align-items: center; // vertically center
135 | justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
136 | padding: $modal-inner-padding;
137 | border-top: $modal-footer-border-width solid $modal-footer-border-color;
138 |
139 | // Easily place margin between footer elements
140 | > :not(:first-child) { margin-left: .25rem; }
141 | > :not(:last-child) { margin-right: .25rem; }
142 | }
143 |
144 | // Measure scrollbar width for padding body during modal show/hide
145 | .modal-scrollbar-measure {
146 | position: absolute;
147 | top: -9999px;
148 | width: 50px;
149 | height: 50px;
150 | overflow: scroll;
151 | }
152 |
153 | // Scale up the modal
154 | @include media-breakpoint-up(sm) {
155 | // Automatically set modal's width for larger viewports
156 | .modal-dialog {
157 | max-width: $modal-md;
158 | margin: $modal-dialog-margin-y-sm-up auto;
159 | }
160 |
161 | .modal-dialog-centered {
162 | min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
163 |
164 | &::before {
165 | height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2));
166 | }
167 |
168 | }
169 |
170 | .modal-content {
171 | @include box-shadow($modal-content-box-shadow-sm-up);
172 | }
173 |
174 | .modal-sm { max-width: $modal-sm; }
175 |
176 | }
177 |
178 | @include media-breakpoint-up(lg) {
179 | .modal-lg { max-width: $modal-lg; }
180 | }
181 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_input-group.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable selector-no-qualifying-type
2 |
3 | //
4 | // Base styles
5 | //
6 |
7 | .input-group {
8 | position: relative;
9 | display: flex;
10 | flex-wrap: wrap; // For form validation feedback
11 | align-items: stretch;
12 | width: 100%;
13 |
14 | > .form-control,
15 | > .custom-select,
16 | > .custom-file {
17 | position: relative; // For focus state's z-index
18 | flex: 1 1 auto;
19 | // Add width 1% and flex-basis auto to ensure that button will not wrap out
20 | // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
21 | width: 1%;
22 | margin-bottom: 0;
23 |
24 | + .form-control,
25 | + .custom-select,
26 | + .custom-file {
27 | margin-left: -$input-border-width;
28 | }
29 | }
30 |
31 | // Bring the "active" form control to the top of surrounding elements
32 | > .form-control:focus,
33 | > .custom-select:focus,
34 | > .custom-file .custom-file-input:focus ~ .custom-file-label {
35 | z-index: 3;
36 | }
37 |
38 | // Bring the custom file input above the label
39 | > .custom-file .custom-file-input:focus {
40 | z-index: 4;
41 | }
42 |
43 | > .form-control,
44 | > .custom-select {
45 | &:not(:last-child) { @include border-right-radius(0); }
46 | &:not(:first-child) { @include border-left-radius(0); }
47 | }
48 |
49 | // Custom file inputs have more complex markup, thus requiring different
50 | // border-radius overrides.
51 | > .custom-file {
52 | display: flex;
53 | align-items: center;
54 |
55 | &:not(:last-child) .custom-file-label,
56 | &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
57 | &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
58 | }
59 | }
60 |
61 |
62 | // Prepend and append
63 | //
64 | // While it requires one extra layer of HTML for each, dedicated prepend and
65 | // append elements allow us to 1) be less clever, 2) simplify our selectors, and
66 | // 3) support HTML5 form validation.
67 |
68 | .input-group-prepend,
69 | .input-group-append {
70 | display: flex;
71 |
72 | // Ensure buttons are always above inputs for more visually pleasing borders.
73 | // This isn't needed for `.input-group-text` since it shares the same border-color
74 | // as our inputs.
75 | .btn {
76 | position: relative;
77 | z-index: 2;
78 | }
79 |
80 | .btn + .btn,
81 | .btn + .input-group-text,
82 | .input-group-text + .input-group-text,
83 | .input-group-text + .btn {
84 | margin-left: -$input-border-width;
85 | }
86 | }
87 |
88 | .input-group-prepend { margin-right: -$input-border-width; }
89 | .input-group-append { margin-left: -$input-border-width; }
90 |
91 |
92 | // Textual addons
93 | //
94 | // Serves as a catch-all element for any text or radio/checkbox input you wish
95 | // to prepend or append to an input.
96 |
97 | .input-group-text {
98 | display: flex;
99 | align-items: center;
100 | padding: $input-padding-y $input-padding-x;
101 | margin-bottom: 0; // Allow use of elements by overriding our default margin-bottom
102 | font-size: $font-size-base; // Match inputs
103 | font-weight: $font-weight-normal;
104 | line-height: $input-line-height;
105 | color: $input-group-addon-color;
106 | text-align: center;
107 | white-space: nowrap;
108 | background-color: $input-group-addon-bg;
109 | border: $input-border-width solid $input-group-addon-border-color;
110 | @include border-radius($input-border-radius);
111 |
112 | // Nuke default margins from checkboxes and radios to vertically center within.
113 | input[type="radio"],
114 | input[type="checkbox"] {
115 | margin-top: 0;
116 | }
117 | }
118 |
119 |
120 | // Sizing
121 | //
122 | // Remix the default form control sizing classes into new ones for easier
123 | // manipulation.
124 |
125 | .input-group-lg > .form-control,
126 | .input-group-lg > .input-group-prepend > .input-group-text,
127 | .input-group-lg > .input-group-append > .input-group-text,
128 | .input-group-lg > .input-group-prepend > .btn,
129 | .input-group-lg > .input-group-append > .btn {
130 | height: $input-height-lg;
131 | padding: $input-padding-y-lg $input-padding-x-lg;
132 | font-size: $font-size-lg;
133 | line-height: $input-line-height-lg;
134 | @include border-radius($input-border-radius-lg);
135 | }
136 |
137 | .input-group-sm > .form-control,
138 | .input-group-sm > .input-group-prepend > .input-group-text,
139 | .input-group-sm > .input-group-append > .input-group-text,
140 | .input-group-sm > .input-group-prepend > .btn,
141 | .input-group-sm > .input-group-append > .btn {
142 | height: $input-height-sm;
143 | padding: $input-padding-y-sm $input-padding-x-sm;
144 | font-size: $font-size-sm;
145 | line-height: $input-line-height-sm;
146 | @include border-radius($input-border-radius-sm);
147 | }
148 |
149 |
150 | // Prepend and append rounded corners
151 | //
152 | // These rulesets must come after the sizing ones to properly override sm and lg
153 | // border-radius values when extending. They're more specific than we'd like
154 | // with the `.input-group >` part, but without it, we cannot override the sizing.
155 |
156 |
157 | .input-group > .input-group-prepend > .btn,
158 | .input-group > .input-group-prepend > .input-group-text,
159 | .input-group > .input-group-append:not(:last-child) > .btn,
160 | .input-group > .input-group-append:not(:last-child) > .input-group-text,
161 | .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
162 | .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
163 | @include border-right-radius(0);
164 | }
165 |
166 | .input-group > .input-group-append > .btn,
167 | .input-group > .input-group-append > .input-group-text,
168 | .input-group > .input-group-prepend:not(:first-child) > .btn,
169 | .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
170 | .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
171 | .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
172 | @include border-left-radius(0);
173 | }
174 |
--------------------------------------------------------------------------------
/public/css/bootstrap/bootstrap-reboot.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
3 | * Copyright 2011-2018 The Bootstrap Authors
4 | * Copyright 2011-2018 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 | */
8 | *,
9 | *::before,
10 | *::after {
11 | -webkit-box-sizing: border-box;
12 | box-sizing: border-box; }
13 |
14 | html {
15 | font-family: sans-serif;
16 | line-height: 1.15;
17 | -webkit-text-size-adjust: 100%;
18 | -ms-text-size-adjust: 100%;
19 | -ms-overflow-style: scrollbar;
20 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
21 |
22 | @-ms-viewport {
23 | width: device-width; }
24 |
25 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
26 | display: block; }
27 |
28 | body {
29 | margin: 0;
30 | font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
31 | font-size: 1rem;
32 | font-weight: 400;
33 | line-height: 1.5;
34 | color: #212529;
35 | text-align: left;
36 | background-color: #fff; }
37 |
38 | [tabindex="-1"]:focus {
39 | outline: 0 !important; }
40 |
41 | hr {
42 | -webkit-box-sizing: content-box;
43 | box-sizing: content-box;
44 | height: 0;
45 | overflow: visible; }
46 |
47 | h1, h2, h3, h4, h5, h6 {
48 | margin-top: 0;
49 | margin-bottom: 0.5rem; }
50 |
51 | p {
52 | margin-top: 0;
53 | margin-bottom: 1rem; }
54 |
55 | abbr[title],
56 | abbr[data-original-title] {
57 | text-decoration: underline;
58 | -webkit-text-decoration: underline dotted;
59 | text-decoration: underline dotted;
60 | cursor: help;
61 | border-bottom: 0; }
62 |
63 | address {
64 | margin-bottom: 1rem;
65 | font-style: normal;
66 | line-height: inherit; }
67 |
68 | ol,
69 | ul,
70 | dl {
71 | margin-top: 0;
72 | margin-bottom: 1rem; }
73 |
74 | ol ol,
75 | ul ul,
76 | ol ul,
77 | ul ol {
78 | margin-bottom: 0; }
79 |
80 | dt {
81 | font-weight: 700; }
82 |
83 | dd {
84 | margin-bottom: .5rem;
85 | margin-left: 0; }
86 |
87 | blockquote {
88 | margin: 0 0 1rem; }
89 |
90 | dfn {
91 | font-style: italic; }
92 |
93 | b,
94 | strong {
95 | font-weight: bolder; }
96 |
97 | small {
98 | font-size: 80%; }
99 |
100 | sub,
101 | sup {
102 | position: relative;
103 | font-size: 75%;
104 | line-height: 0;
105 | vertical-align: baseline; }
106 |
107 | sub {
108 | bottom: -.25em; }
109 |
110 | sup {
111 | top: -.5em; }
112 |
113 | a {
114 | color: #e81050;
115 | text-decoration: none;
116 | background-color: transparent;
117 | -webkit-text-decoration-skip: objects; }
118 | a:hover {
119 | color: #a00b37;
120 | text-decoration: underline; }
121 |
122 | a:not([href]):not([tabindex]) {
123 | color: inherit;
124 | text-decoration: none; }
125 | a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
126 | color: inherit;
127 | text-decoration: none; }
128 | a:not([href]):not([tabindex]):focus {
129 | outline: 0; }
130 |
131 | pre,
132 | code,
133 | kbd,
134 | samp {
135 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
136 | font-size: 1em; }
137 |
138 | pre {
139 | margin-top: 0;
140 | margin-bottom: 1rem;
141 | overflow: auto;
142 | -ms-overflow-style: scrollbar; }
143 |
144 | figure {
145 | margin: 0 0 1rem; }
146 |
147 | img {
148 | vertical-align: middle;
149 | border-style: none; }
150 |
151 | svg {
152 | overflow: hidden;
153 | vertical-align: middle; }
154 |
155 | table {
156 | border-collapse: collapse; }
157 |
158 | caption {
159 | padding-top: 0.75rem;
160 | padding-bottom: 0.75rem;
161 | color: #6c757d;
162 | text-align: left;
163 | caption-side: bottom; }
164 |
165 | th {
166 | text-align: inherit; }
167 |
168 | label {
169 | display: inline-block;
170 | margin-bottom: 0.5rem; }
171 |
172 | button {
173 | border-radius: 0; }
174 |
175 | button:focus {
176 | outline: 1px dotted;
177 | outline: 5px auto -webkit-focus-ring-color; }
178 |
179 | input,
180 | button,
181 | select,
182 | optgroup,
183 | textarea {
184 | margin: 0;
185 | font-family: inherit;
186 | font-size: inherit;
187 | line-height: inherit; }
188 |
189 | button,
190 | input {
191 | overflow: visible; }
192 |
193 | button,
194 | select {
195 | text-transform: none; }
196 |
197 | button,
198 | html [type="button"],
199 | [type="reset"],
200 | [type="submit"] {
201 | -webkit-appearance: button; }
202 |
203 | button::-moz-focus-inner,
204 | [type="button"]::-moz-focus-inner,
205 | [type="reset"]::-moz-focus-inner,
206 | [type="submit"]::-moz-focus-inner {
207 | padding: 0;
208 | border-style: none; }
209 |
210 | input[type="radio"],
211 | input[type="checkbox"] {
212 | -webkit-box-sizing: border-box;
213 | box-sizing: border-box;
214 | padding: 0; }
215 |
216 | input[type="date"],
217 | input[type="time"],
218 | input[type="datetime-local"],
219 | input[type="month"] {
220 | -webkit-appearance: listbox; }
221 |
222 | textarea {
223 | overflow: auto;
224 | resize: vertical; }
225 |
226 | fieldset {
227 | min-width: 0;
228 | padding: 0;
229 | margin: 0;
230 | border: 0; }
231 |
232 | legend {
233 | display: block;
234 | width: 100%;
235 | max-width: 100%;
236 | padding: 0;
237 | margin-bottom: .5rem;
238 | font-size: 1.5rem;
239 | line-height: inherit;
240 | color: inherit;
241 | white-space: normal; }
242 |
243 | progress {
244 | vertical-align: baseline; }
245 |
246 | [type="number"]::-webkit-inner-spin-button,
247 | [type="number"]::-webkit-outer-spin-button {
248 | height: auto; }
249 |
250 | [type="search"] {
251 | outline-offset: -2px;
252 | -webkit-appearance: none; }
253 |
254 | [type="search"]::-webkit-search-cancel-button,
255 | [type="search"]::-webkit-search-decoration {
256 | -webkit-appearance: none; }
257 |
258 | ::-webkit-file-upload-button {
259 | font: inherit;
260 | -webkit-appearance: button; }
261 |
262 | output {
263 | display: inline-block; }
264 |
265 | summary {
266 | display: list-item;
267 | cursor: pointer; }
268 |
269 | template {
270 | display: none; }
271 |
272 | [hidden] {
273 | display: none !important; }
274 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_carousel.scss:
--------------------------------------------------------------------------------
1 | // Notes on the classes:
2 | //
3 | // 1. The .carousel-item-left and .carousel-item-right is used to indicate where
4 | // the active slide is heading.
5 | // 2. .active.carousel-item is the current slide.
6 | // 3. .active.carousel-item-left and .active.carousel-item-right is the current
7 | // slide in its in-transition state. Only one of these occurs at a time.
8 | // 4. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
9 | // is the upcoming slide in transition.
10 |
11 | .carousel {
12 | position: relative;
13 | }
14 |
15 | .carousel-inner {
16 | position: relative;
17 | width: 100%;
18 | overflow: hidden;
19 | }
20 |
21 | .carousel-item {
22 | position: relative;
23 | display: none;
24 | align-items: center;
25 | width: 100%;
26 | backface-visibility: hidden;
27 | perspective: 1000px;
28 | }
29 |
30 | .carousel-item.active,
31 | .carousel-item-next,
32 | .carousel-item-prev {
33 | display: block;
34 | @include transition($carousel-transition);
35 | }
36 |
37 | .carousel-item-next,
38 | .carousel-item-prev {
39 | position: absolute;
40 | top: 0;
41 | }
42 |
43 | .carousel-item-next.carousel-item-left,
44 | .carousel-item-prev.carousel-item-right {
45 | transform: translateX(0);
46 |
47 | @supports (transform-style: preserve-3d) {
48 | transform: translate3d(0, 0, 0);
49 | }
50 | }
51 |
52 | .carousel-item-next,
53 | .active.carousel-item-right {
54 | transform: translateX(100%);
55 |
56 | @supports (transform-style: preserve-3d) {
57 | transform: translate3d(100%, 0, 0);
58 | }
59 | }
60 |
61 | .carousel-item-prev,
62 | .active.carousel-item-left {
63 | transform: translateX(-100%);
64 |
65 | @supports (transform-style: preserve-3d) {
66 | transform: translate3d(-100%, 0, 0);
67 | }
68 | }
69 |
70 |
71 | //
72 | // Alternate transitions
73 | //
74 |
75 | .carousel-fade {
76 | .carousel-item {
77 | opacity: 0;
78 | transition-duration: .6s;
79 | transition-property: opacity;
80 | }
81 |
82 | .carousel-item.active,
83 | .carousel-item-next.carousel-item-left,
84 | .carousel-item-prev.carousel-item-right {
85 | opacity: 1;
86 | }
87 |
88 | .active.carousel-item-left,
89 | .active.carousel-item-right {
90 | opacity: 0;
91 | }
92 |
93 | .carousel-item-next,
94 | .carousel-item-prev,
95 | .carousel-item.active,
96 | .active.carousel-item-left,
97 | .active.carousel-item-prev {
98 | transform: translateX(0);
99 |
100 | @supports (transform-style: preserve-3d) {
101 | transform: translate3d(0, 0, 0);
102 | }
103 | }
104 | }
105 |
106 |
107 | //
108 | // Left/right controls for nav
109 | //
110 |
111 | .carousel-control-prev,
112 | .carousel-control-next {
113 | position: absolute;
114 | top: 0;
115 | bottom: 0;
116 | // Use flex for alignment (1-3)
117 | display: flex; // 1. allow flex styles
118 | align-items: center; // 2. vertically center contents
119 | justify-content: center; // 3. horizontally center contents
120 | width: $carousel-control-width;
121 | color: $carousel-control-color;
122 | text-align: center;
123 | opacity: $carousel-control-opacity;
124 | // We can't have a transition here because WebKit cancels the carousel
125 | // animation if you trip this while in the middle of another animation.
126 |
127 | // Hover/focus state
128 | @include hover-focus {
129 | color: $carousel-control-color;
130 | text-decoration: none;
131 | outline: 0;
132 | opacity: .9;
133 | }
134 | }
135 | .carousel-control-prev {
136 | left: 0;
137 | @if $enable-gradients {
138 | background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
139 | }
140 | }
141 | .carousel-control-next {
142 | right: 0;
143 | @if $enable-gradients {
144 | background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
145 | }
146 | }
147 |
148 | // Icons for within
149 | .carousel-control-prev-icon,
150 | .carousel-control-next-icon {
151 | display: inline-block;
152 | width: $carousel-control-icon-width;
153 | height: $carousel-control-icon-width;
154 | background: transparent no-repeat center center;
155 | background-size: 100% 100%;
156 | }
157 | .carousel-control-prev-icon {
158 | background-image: $carousel-control-prev-icon-bg;
159 | }
160 | .carousel-control-next-icon {
161 | background-image: $carousel-control-next-icon-bg;
162 | }
163 |
164 |
165 | // Optional indicator pips
166 | //
167 | // Add an ordered list with the following class and add a list item for each
168 | // slide your carousel holds.
169 |
170 | .carousel-indicators {
171 | position: absolute;
172 | right: 0;
173 | bottom: 10px;
174 | left: 0;
175 | z-index: 15;
176 | display: flex;
177 | justify-content: center;
178 | padding-left: 0; // override default
179 | // Use the .carousel-control's width as margin so we don't overlay those
180 | margin-right: $carousel-control-width;
181 | margin-left: $carousel-control-width;
182 | list-style: none;
183 |
184 | li {
185 | position: relative;
186 | flex: 0 1 auto;
187 | width: $carousel-indicator-width;
188 | height: $carousel-indicator-height;
189 | margin-right: $carousel-indicator-spacer;
190 | margin-left: $carousel-indicator-spacer;
191 | text-indent: -999px;
192 | cursor: pointer;
193 | background-color: rgba($carousel-indicator-active-bg, .5);
194 |
195 | // Use pseudo classes to increase the hit area by 10px on top and bottom.
196 | &::before {
197 | position: absolute;
198 | top: -10px;
199 | left: 0;
200 | display: inline-block;
201 | width: 100%;
202 | height: 10px;
203 | content: "";
204 | }
205 | &::after {
206 | position: absolute;
207 | bottom: -10px;
208 | left: 0;
209 | display: inline-block;
210 | width: 100%;
211 | height: 10px;
212 | content: "";
213 | }
214 | }
215 |
216 | .active {
217 | background-color: $carousel-indicator-active-bg;
218 | }
219 | }
220 |
221 |
222 | // Optional captions
223 | //
224 | //
225 |
226 | .carousel-caption {
227 | position: absolute;
228 | right: ((100% - $carousel-caption-width) / 2);
229 | bottom: 20px;
230 | left: ((100% - $carousel-caption-width) / 2);
231 | z-index: 10;
232 | padding-top: 20px;
233 | padding-bottom: 20px;
234 | color: $carousel-caption-color;
235 | text-align: center;
236 | }
237 |
--------------------------------------------------------------------------------
/public/assets/css/style.scss:
--------------------------------------------------------------------------------
1 | @import '../../../../../codyhouse-framework/main/assets/css/style.scss'; // ⚠️ make sure to import the CodyHouse framework
2 | @import url('https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700'); // custom font
3 |
4 | // -------------------------------------------------
5 |
6 | // Responsive Vertical Timeline - by CodyHouse.co
7 |
8 | // -------------------------------------------------
9 |
10 | :root {
11 | // colors
12 | @include defineColorHSL(--cd-color-1, 206, 21%, 24%); // Navy
13 | @include defineColorHSL(--cd-color-2, 205, 38%, 89%); // Blue
14 | @include defineColorHSL(--cd-color-3, 207, 10%, 55%); // Grey
15 | @include defineColorHSL(--cd-color-4, 111, 51%, 60%); // Green
16 | @include defineColorHSL(--cd-color-5, 356, 53%, 49%); // Red
17 | @include defineColorHSL(--cd-color-6, 47, 85%, 61%); // Yellow
18 |
19 | // header
20 | --cd-header-height: 200px;
21 |
22 | // font
23 | --font-primary: 'Droid Serif', serif;
24 | --font-secondary: 'Open Sans', sans-serif;
25 | }
26 |
27 | @supports(--css: variables) {
28 | :root {
29 | @include breakpoint(md) {
30 | --cd-header-height: 300px;
31 | }
32 | }
33 | }
34 |
35 | .cd-main-header {
36 | height: var(--cd-header-height);
37 | background: var(--cd-color-1);
38 | color: var(--color-white);
39 | @include fontSmooth;
40 |
41 | h1 {
42 | font-family: var(--font-secondary);
43 | color: inherit;
44 | }
45 | }
46 |
47 | .cd-timeline {
48 | overflow: hidden;
49 | padding: var(--space-lg) 0;
50 | color: var(--cd-color-3);
51 | background-color: lightness(var(--cd-color-2), 1.05);
52 | font-family: var(--font-primary);
53 |
54 | h2 {
55 | font-family: var(--font-secondary);
56 | font-weight: 700;
57 | }
58 | }
59 |
60 | .cd-timeline__container {
61 | position: relative;
62 | padding: var(--space-md) 0;
63 |
64 | &::before { // this is the timeline vertical line
65 | content: '';
66 | position: absolute;
67 | top: 0;
68 | left: 18px;
69 | height: 100%;
70 | width: 4px;
71 | background: var(--cd-color-2);
72 | }
73 |
74 | @include breakpoint(md) {
75 | &::before {
76 | left: 50%;
77 | transform: translateX(-50%);
78 | }
79 |
80 | }
81 | }
82 |
83 | .cd-timeline__block {
84 | display: flex;
85 | position: relative;
86 | z-index: 1; // make sure content is above the timeline vertical line
87 | margin-bottom: var(--space-lg);
88 |
89 | &:last-child {
90 | margin-bottom: 0;
91 | }
92 |
93 | @include breakpoint(md) {
94 | &:nth-child(even) {
95 | flex-direction: row-reverse; // for even blocks -> lay out content from right to left
96 | }
97 | }
98 | }
99 |
100 | .cd-timeline__img {
101 | display: flex;
102 | justify-content: center;
103 | align-items: center;
104 | flex-shrink: 0;
105 | width: 40px;
106 | height: 40px;
107 | border-radius: 50%;
108 | box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(#000, 0.08), 0 3px 0 4px rgba(#000, 0.05);
109 |
110 | img {
111 | width: 24px;
112 | height: 24px;
113 | }
114 |
115 | @include breakpoint(md) {
116 | width: 60px;
117 | height: 60px;
118 | order: 1; // flex order -> place the image after cd-timeline__content
119 | margin-left: calc(5% - 30px);
120 | will-change: transform;
121 |
122 | .cd-timeline__block:nth-child(even) & {
123 | margin-right: calc(5% - 30px);
124 | }
125 | }
126 | }
127 |
128 | .cd-timeline__img--picture {
129 | background-color: var(--cd-color-4);
130 | }
131 |
132 | .cd-timeline__img--movie {
133 | background-color: var(--cd-color-5);
134 | }
135 |
136 | .cd-timeline__img--location {
137 | background-color: var(--cd-color-6);
138 | }
139 |
140 | .cd-timeline__content {
141 | flex-grow: 1; // expand element so that it takes up all the available space inside its parent
142 | position: relative;
143 | margin-left: var(--space-md);
144 | background: var(--color-white);
145 | border-radius: var(--radius-md);
146 | padding: var(--space-md);
147 | box-shadow: 0 3px 0 var(--cd-color-2);
148 |
149 | &::before { // triangle next to content block
150 | content: '';
151 | position: absolute;
152 | top: 16px;
153 | right: 100%;
154 | @include triangle(left, 7px, var(--color-white));
155 | }
156 |
157 | h2 {
158 | color: var(--cd-color-1);
159 | }
160 |
161 | @include breakpoint(md) {
162 | width: 45%;
163 | flex-grow: 0; // prevent element from growing inside its parent
164 | will-change: transform;
165 | margin: 0;
166 | font-size: 0.8em;
167 | --line-height-multiplier: 1.2;
168 |
169 | &::before { // triangle
170 | top: 24px;
171 | }
172 |
173 | .cd-timeline__block:nth-child(odd) &::before { // change triangle direction
174 | right: auto;
175 | left: 100%;
176 | @include triangle(right, 7px, var(--color-white));
177 | }
178 | }
179 | }
180 |
181 | .cd-timeline__date {
182 | color: alpha(var(--cd-color-3), 0.7);
183 |
184 | @include breakpoint(md) {
185 | position: absolute;
186 | width: 100%;
187 | left: 120%;
188 | top: 20px;
189 |
190 | .cd-timeline__block:nth-child(even) & {
191 | left: auto;
192 | right: 120%;
193 | text-align: right;
194 | }
195 | }
196 | }
197 |
198 | @include breakpoint(md) { // animations
199 | .cd-timeline__img--hidden, .cd-timeline__content--hidden {
200 | visibility: hidden;
201 | }
202 |
203 | .cd-timeline__img--bounce-in {
204 | animation: cd-bounce-1 0.6s;
205 | }
206 |
207 | .cd-timeline__content--bounce-in {
208 | animation: cd-bounce-2 0.6s;
209 | }
210 |
211 | .cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in {
212 | animation-name: cd-bounce-2-inverse;
213 | }
214 | }
215 |
216 |
217 | @keyframes cd-bounce-1 {
218 | 0% {
219 | opacity: 0;
220 | transform: scale(0.5);
221 | }
222 | 60% {
223 | opacity: 1;
224 | transform: scale(1.2);
225 | }
226 | 100% {
227 | transform: scale(1);
228 | }
229 | }
230 |
231 | @keyframes cd-bounce-2 {
232 | 0% {
233 | opacity: 0;
234 | transform: translateX(-100px);
235 | }
236 |
237 | 60% {
238 | opacity: 1;
239 | transform: translateX(20px);
240 | }
241 |
242 | 100% {
243 | transform: translateX(0);
244 | }
245 | }
246 |
247 | @keyframes cd-bounce-2-inverse {
248 | 0% {
249 | opacity: 0;
250 | transform: translateX(100px);
251 | }
252 |
253 | 60% {
254 | opacity: 1;
255 | transform: translateX(-20px);
256 | }
257 |
258 | 100% {
259 | transform: translateX(0);
260 | }
261 | }
262 |
--------------------------------------------------------------------------------
/public/scss/_site-base.scss:
--------------------------------------------------------------------------------
1 | body {
2 | line-height: 1.7;
3 | color: lighten($black, 50%);
4 | font-weight: 400;
5 | font-size: $font-size-base;
6 | }
7 | ::-moz-selection {
8 | background: $black;
9 | color: $white;
10 | }
11 | ::selection {
12 | background: $black;
13 | color: $white;
14 | }
15 | a {
16 | transition: .3s all ease;
17 | &:hover {
18 | text-decoration: none;
19 | }
20 | }
21 |
22 | h1, h2, h3, h4, h5,
23 | .h1, .h2, .h3, .h4, .h5 {
24 | font-family: $font-family-sans-serif;
25 | }
26 |
27 | .border-2 {
28 | border-width: 2px;
29 | }
30 |
31 |
32 | .text-black {
33 | color: $black!important;
34 | }
35 | .bg-black {
36 | background: $black!important;
37 | }
38 |
39 | .color-black-opacity-5 {
40 | color: rgba($black, .5);
41 | }
42 | .color-white-opacity-5 {
43 | color: rgba($white, .5);
44 | }
45 |
46 | .offcanvas-menu .site-wrap {
47 | // position: absolute;
48 | // overflow: hidden;
49 | }
50 |
51 | .site-wrap {
52 | &:before {
53 | display: none;
54 | transition: .3s all ease-in-out;
55 | background: rgba(0,0,0,.6);
56 | content: "";
57 | position: absolute;
58 | z-index: 2000;
59 | top: 0;
60 | left: 0;
61 | right: 0;
62 | bottom: 0;
63 | opacity: 0;
64 | visibility: hidden;
65 | }
66 | .offcanvas-menu & {
67 | // position: absolute;
68 | height: 100%;
69 | width: 100%;
70 | z-index: 2;
71 | // overflow: hidden;
72 |
73 | &:before {
74 | opacity: 1;
75 | visibility: visible;
76 | }
77 | }
78 | }
79 |
80 | .btn {
81 | font-size: 16px;
82 | border-radius: 30px;
83 | padding: 10px 30px;
84 |
85 | &:hover, &:active, &:focus {
86 | outline: none;
87 | box-shadow: none!important;
88 | }
89 | &.btn-primary {
90 | background: $primary;
91 | border-color: $primary;
92 | color: $white;
93 | &:hover {
94 | background: $white;
95 | border-color: $white;
96 | color: $primary;
97 | }
98 | &.btn-black--hover {
99 | &:hover {
100 | background: lighten($black, 40%);
101 | color: $white;
102 | }
103 | }
104 | }
105 |
106 | }
107 |
108 | .line-height-1 {
109 | line-height: 1!important;
110 | }
111 | .bg-black {
112 | background: $black;
113 | }
114 | .form-control {
115 | height: 43px;
116 | border-radius: 30px;
117 | font-family: $font-family-sans-serif;
118 | &:active, &:focus {
119 | border-color: $primary;
120 | }
121 | &:hover, &:active, &:focus {
122 | box-shadow: none!important;
123 | }
124 | }
125 |
126 | .site-section {
127 | padding: 2.5em 0;
128 | @include media-breakpoint-up(md) {
129 | padding: 5em 0;
130 | }
131 |
132 | &.site-section-sm {
133 | padding: 4em 0;
134 | }
135 | }
136 |
137 | .site-section-heading {
138 | padding-bottom: 20px;
139 | margin-bottom: 0px;
140 | position: relative;
141 | font-size: 2.5rem;
142 | @include media-breakpoint-up(md) {
143 | font-size: $font-size-base + 2rem;
144 | }
145 | }
146 |
147 | .border-top {
148 | border-top: 1px solid $gray-4!important;
149 | }
150 |
151 | .site-footer {
152 | padding: 4em 0;
153 | background: lighten($black, 20%);
154 | @include media-breakpoint-up(md) {
155 | padding: 8em 0;
156 | }
157 | .border-top {
158 | border-top: 1px solid rgba(255,255,255,.1)!important;
159 | }
160 | p {
161 | color: lighten($black, 45%);
162 | }
163 | h2,h3,h4,h5 {
164 | color: $white;
165 | }
166 | a {
167 | color: lighten($black, 60%);
168 | &:hover {
169 | color: lighten($black, 100%);
170 | }
171 | }
172 | ul {
173 | li {
174 | margin-bottom: 10px;
175 | }
176 | }
177 | .footer-heading {
178 | font-size: 16px;
179 | color: $white;
180 | }
181 | }
182 |
183 | .bg-text-line {
184 | display: inline;
185 | background: $black;
186 | box-shadow: 20px 0 0 $black, -20px 0 0 $black;
187 | }
188 |
189 | .text-white-opacity-05 {
190 | color: rgba($white, .5);
191 | }
192 | .text-black-opacity-05 {
193 | color: rgba($black, .5);
194 | }
195 |
196 | .hover-bg-enlarge {
197 | overflow: hidden;
198 | position: relative;
199 | @include media-breakpoint-down(md) {
200 | height: auto!important;
201 | }
202 | > div {
203 | transform: scale(1.0);
204 | transition: .8s all ease-in-out;
205 | }
206 | &:hover, &:focus, &:active {
207 | > div {
208 | transform: scale(1.2);
209 | }
210 | }
211 |
212 | .bg-image-md-height {
213 | @include media-breakpoint-down(md) {
214 | height: 300px!important;
215 | }
216 | }
217 |
218 | }
219 |
220 |
221 |
222 | .bg-image {
223 | background-size: cover;
224 | background-position: center center;
225 | background-repeat: no-repeat;
226 | background-attachment: fixed;
227 | &.overlay {
228 | position: relative;
229 | &:after {
230 | position: absolute;
231 | content: "";
232 | top: 0;
233 | left: 0;
234 | right: 0;
235 | bottom: 0;
236 | z-index: 0;
237 | width: 100%;
238 | background: rgba(0,0,0,.7);
239 | }
240 | }
241 | > .container {
242 | position: relative;
243 | z-index: 1;
244 | }
245 | }
246 |
247 | .img-md-fluid {
248 | @include media-breakpoint-down(md) {
249 | max-width: 100%;
250 | }
251 | }
252 |
253 | .display-1, .display-3 {
254 | @include media-breakpoint-down(md) {
255 | font-size: 3rem;
256 | }
257 | }
258 |
259 | .play-single-big {
260 | width: 90px;
261 | height: 90px;
262 | display: inline-block;
263 | border: 2px solid $white;
264 | color: $white!important;
265 | border-radius: 50%;
266 | position: relative;
267 | transition: .3s all ease-in-out;
268 | > span {
269 | font-size: 50px;
270 | position: absolute;
271 | top: 50%;
272 | left: 50%;
273 | transform: translate(-40%, -50%);
274 | }
275 | &:hover {
276 | width: 120px;
277 | height: 120px;
278 | }
279 | }
280 |
281 | .overlap-to-top {
282 | margin-top: -150px;
283 | }
284 |
285 | .ul-check {
286 | margin-bottom: 50px;
287 | li {
288 | position: relative;
289 | padding-left: 35px;
290 | margin-bottom: 15px;
291 | line-height: 1.5;
292 | &:before {
293 | left: 0;
294 | font-size: 20px;
295 | top: -.3rem;
296 | font-family: "icomoon";
297 | content: "\e5ca";
298 | position: absolute;
299 | }
300 | }
301 | &.white {
302 | li {
303 | &:before {
304 | color: $white;
305 | }
306 | }
307 | }
308 | &.success {
309 | li {
310 | &:before {
311 | color: $success;
312 | }
313 | }
314 | }
315 | &.primary {
316 | li {
317 | &:before {
318 | color: $primary;
319 | }
320 | }
321 | }
322 | }
323 |
324 | .select-wrap, .wrap-icon {
325 | position: relative;
326 | .icon {
327 | position: absolute;
328 | right: 10px;
329 | top: 50%;
330 | transform: translateY(-50%);
331 | font-size: 22px;
332 | }
333 | select {
334 | appearance: none;
335 | width: 100%;
336 | }
337 | }
338 |
339 |
--------------------------------------------------------------------------------
/public/scss/bootstrap/_card.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Base styles
3 | //
4 |
5 | .card {
6 | position: relative;
7 | display: flex;
8 | flex-direction: column;
9 | min-width: 0;
10 | word-wrap: break-word;
11 | background-color: $card-bg;
12 | background-clip: border-box;
13 | border: $card-border-width solid $card-border-color;
14 | @include border-radius($card-border-radius);
15 |
16 | > hr {
17 | margin-right: 0;
18 | margin-left: 0;
19 | }
20 |
21 | > .list-group:first-child {
22 | .list-group-item:first-child {
23 | @include border-top-radius($card-border-radius);
24 | }
25 | }
26 |
27 | > .list-group:last-child {
28 | .list-group-item:last-child {
29 | @include border-bottom-radius($card-border-radius);
30 | }
31 | }
32 | }
33 |
34 | .card-body {
35 | // Enable `flex-grow: 1` for decks and groups so that card blocks take up
36 | // as much space as possible, ensuring footers are aligned to the bottom.
37 |
38 | color: rgba(0, 0, 0, 0.87) !important;
39 | flex: 1 1 auto;
40 | padding: $card-spacer-x;
41 | }
42 |
43 | .card-title {
44 | margin-bottom: $card-spacer-y;
45 | }
46 |
47 | .card-subtitle {
48 | margin-top: -($card-spacer-y / 2);
49 | margin-bottom: 0;
50 | }
51 |
52 | .card-text:last-child {
53 | margin-bottom: 0;
54 | }
55 |
56 | .card-link {
57 | @include hover {
58 | text-decoration: none;
59 | }
60 |
61 | + .card-link {
62 | margin-left: $card-spacer-x;
63 | }
64 | }
65 |
66 | //
67 | // Optional textual caps
68 | //
69 |
70 | .card-header {
71 | padding: $card-spacer-y $card-spacer-x;
72 | margin-bottom: 0; // Removes the default margin-bottom of
73 | background-color: $card-cap-bg;
74 | border-bottom: $card-border-width solid $card-border-color;
75 |
76 | &:first-child {
77 | @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
78 | }
79 |
80 | + .list-group {
81 | .list-group-item:first-child {
82 | border-top: 0;
83 | }
84 | }
85 | }
86 |
87 | .card-footer {
88 | padding: $card-spacer-y $card-spacer-x;
89 | background-color: $card-cap-bg;
90 | border-top: $card-border-width solid $card-border-color;
91 |
92 | &:last-child {
93 | @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
94 | }
95 | }
96 |
97 |
98 | //
99 | // Header navs
100 | //
101 |
102 | .card-header-tabs {
103 | margin-right: -($card-spacer-x / 2);
104 | margin-bottom: -$card-spacer-y;
105 | margin-left: -($card-spacer-x / 2);
106 | border-bottom: 0;
107 | }
108 |
109 | .card-header-pills {
110 | margin-right: -($card-spacer-x / 2);
111 | margin-left: -($card-spacer-x / 2);
112 | }
113 |
114 | // Card image
115 | .card-img-overlay {
116 | position: absolute;
117 | top: 0;
118 | right: 0;
119 | bottom: 0;
120 | left: 0;
121 | padding: $card-img-overlay-padding;
122 | }
123 |
124 | .card-img {
125 | width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
126 | @include border-radius($card-inner-border-radius);
127 | }
128 |
129 | // Card image caps
130 | .card-img-top {
131 | width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
132 | @include border-top-radius($card-inner-border-radius);
133 | }
134 |
135 | .card-img-bottom {
136 | width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
137 | @include border-bottom-radius($card-inner-border-radius);
138 | }
139 |
140 |
141 | // Card deck
142 |
143 | .card-deck {
144 | display: flex;
145 | flex-direction: column;
146 |
147 | .card {
148 | margin-bottom: $card-deck-margin;
149 | }
150 |
151 | @include media-breakpoint-up(sm) {
152 | flex-flow: row wrap;
153 | margin-right: -$card-deck-margin;
154 | margin-left: -$card-deck-margin;
155 |
156 | .card {
157 | display: flex;
158 | // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
159 | flex: 1 0 0%;
160 | flex-direction: column;
161 | margin-right: $card-deck-margin;
162 | margin-bottom: 0; // Override the default
163 | margin-left: $card-deck-margin;
164 | }
165 | }
166 | }
167 |
168 |
169 | //
170 | // Card groups
171 | //
172 |
173 | .card-group {
174 | display: flex;
175 | flex-direction: column;
176 |
177 | // The child selector allows nested `.card` within `.card-group`
178 | // to display properly.
179 | > .card {
180 | margin-bottom: $card-group-margin;
181 | }
182 |
183 | @include media-breakpoint-up(sm) {
184 | flex-flow: row wrap;
185 | // The child selector allows nested `.card` within `.card-group`
186 | // to display properly.
187 | > .card {
188 | // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
189 | flex: 1 0 0%;
190 | margin-bottom: 0;
191 |
192 | + .card {
193 | margin-left: 0;
194 | border-left: 0;
195 | }
196 |
197 | // Handle rounded corners
198 | @if $enable-rounded {
199 | &:first-child {
200 | @include border-right-radius(0);
201 |
202 | .card-img-top,
203 | .card-header {
204 | border-top-right-radius: 0;
205 | }
206 | .card-img-bottom,
207 | .card-footer {
208 | border-bottom-right-radius: 0;
209 | }
210 | }
211 |
212 | &:last-child {
213 | @include border-left-radius(0);
214 |
215 | .card-img-top,
216 | .card-header {
217 | border-top-left-radius: 0;
218 | }
219 | .card-img-bottom,
220 | .card-footer {
221 | border-bottom-left-radius: 0;
222 | }
223 | }
224 |
225 | &:only-child {
226 | @include border-radius($card-border-radius);
227 |
228 | .card-img-top,
229 | .card-header {
230 | @include border-top-radius($card-border-radius);
231 | }
232 | .card-img-bottom,
233 | .card-footer {
234 | @include border-bottom-radius($card-border-radius);
235 | }
236 | }
237 |
238 | &:not(:first-child):not(:last-child):not(:only-child) {
239 | @include border-radius(0);
240 |
241 | .card-img-top,
242 | .card-img-bottom,
243 | .card-header,
244 | .card-footer {
245 | @include border-radius(0);
246 | }
247 | }
248 | }
249 | }
250 | }
251 | }
252 |
253 |
254 | //
255 | // Columns
256 | //
257 |
258 | .card-columns {
259 | .card {
260 | margin-bottom: $card-columns-margin;
261 | }
262 |
263 | @include media-breakpoint-up(sm) {
264 | column-count: $card-columns-count;
265 | column-gap: $card-columns-gap;
266 | orphans: 1;
267 | widows: 1;
268 |
269 | .card {
270 | display: inline-block; // Don't let them vertically span multiple columns
271 | width: 100%; // Don't let their width change
272 | }
273 | }
274 | }
275 |
276 |
277 | //
278 | // Accordion
279 | //
280 |
281 | .accordion {
282 | .card:not(:first-of-type):not(:last-of-type) {
283 | border-bottom: 0;
284 | border-radius: 0;
285 | }
286 |
287 | .card:not(:first-of-type) {
288 | .card-header:first-child {
289 | border-radius: 0;
290 | }
291 | }
292 |
293 | .card:first-of-type {
294 | border-bottom: 0;
295 | border-bottom-right-radius: 0;
296 | border-bottom-left-radius: 0;
297 | }
298 |
299 | .card:last-of-type {
300 | border-top-left-radius: 0;
301 | border-top-right-radius: 0;
302 | }
303 | }
304 |
--------------------------------------------------------------------------------
'+
17 | '