cm-admin 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +12 -0
- data/.rspec +3 -0
- data/.travis.yml +6 -0
- data/Gemfile +6 -1
- data/Gemfile.lock +118 -0
- data/LICENSE.txt +21 -0
- data/README.md +6 -40
- data/app/assets/images/logo.png +0 -0
- data/{lib/generators/cm_admin/templates/assets/stylesheets → app/assets/stylesheets/cm_admin}/base/auth.scss +16 -6
- data/app/assets/stylesheets/cm_admin/base/common.scss +237 -0
- data/app/assets/stylesheets/cm_admin/base/filters.scss +199 -0
- data/app/assets/stylesheets/cm_admin/base/form.scss +262 -0
- data/app/assets/stylesheets/cm_admin/base/main-nav.scss +47 -0
- data/app/assets/stylesheets/cm_admin/base/navbar.scss +67 -0
- data/app/assets/stylesheets/cm_admin/base/quicksearch.scss +69 -0
- data/app/assets/stylesheets/cm_admin/base/scaffold.scss +61 -0
- data/app/assets/stylesheets/cm_admin/base/show.scss +54 -0
- data/app/assets/stylesheets/cm_admin/base/sidebar.scss +225 -0
- data/app/assets/stylesheets/cm_admin/base/table.scss +303 -0
- data/app/assets/stylesheets/cm_admin/base/tabs.scss +26 -0
- data/app/assets/stylesheets/cm_admin/cm_admin.css.scss +26 -0
- data/app/assets/stylesheets/cm_admin/components/_alerts.scss +101 -0
- data/app/assets/stylesheets/cm_admin/components/_buttons.scss +135 -0
- data/app/assets/stylesheets/cm_admin/components/_dropdown-popup.scss +141 -0
- data/app/assets/stylesheets/cm_admin/components/_input.scss +274 -0
- data/app/assets/stylesheets/cm_admin/components/_modal.scss +34 -0
- data/app/assets/stylesheets/cm_admin/components/_range.scss +20 -0
- data/app/assets/stylesheets/cm_admin/components/_status-tag.scss +67 -0
- data/app/assets/stylesheets/cm_admin/components/index.scss +7 -0
- data/app/assets/stylesheets/cm_admin/dependency/bootstrap.min.css +7 -0
- data/app/assets/stylesheets/cm_admin/helpers/_mixins.scss +20 -0
- data/app/assets/stylesheets/cm_admin/helpers/_variable.scss +86 -0
- data/app/assets/stylesheets/cm_admin/helpers/index.scss +2 -0
- data/app/controllers/cm_admin/application_controller.rb +6 -0
- data/app/controllers/cm_admin/exports_controller.rb +16 -0
- data/app/controllers/cm_admin/main_controller.rb +8 -0
- data/app/helpers/cm_admin/application_helper.rb +11 -0
- data/app/javascript/packs/cm_admin/application.js +9 -0
- data/app/javascript/packs/cm_admin/filters.js +32 -0
- data/app/javascript/packs/cm_admin/scaffolds.js +14 -0
- data/app/views/cm_admin/main/_cm_pagy_nav.html.slim +23 -0
- data/app/views/cm_admin/main/_filters.html.slim +10 -0
- data/app/views/cm_admin/main/_table.html.slim +59 -0
- data/app/views/cm_admin/main/_top_navbar.html.slim +25 -0
- data/app/views/cm_admin/main/dashboard.html.slim +1 -0
- data/app/views/cm_admin/main/edit.html.slim +19 -0
- data/app/views/cm_admin/main/index.html.slim +9 -0
- data/app/views/cm_admin/main/new.html.slim +22 -0
- data/app/views/cm_admin/main/show.html.slim +13 -0
- data/app/views/layouts/_left_sidebar_nav.html.slim +30 -0
- data/app/views/layouts/cm_admin.html.slim +18 -0
- data/bin/console +1 -0
- data/bin/webpack +18 -0
- data/bin/webpack-dev-server +18 -0
- data/cm_admin.gemspec +20 -31
- data/{lib → config}/.DS_Store +0 -0
- data/config/initializers/active_record_extension.rb +9 -0
- data/config/routes.rb +18 -0
- data/config/webpack/development.js +5 -0
- data/config/webpack/environment.js +12 -0
- data/config/webpack/production.js +5 -0
- data/config/webpack/test.js +5 -0
- data/config/webpacker.yml +92 -0
- data/lib/c.png +0 -0
- data/lib/cm_admin.rb +31 -2
- data/lib/cm_admin/constants.rb +33 -0
- data/lib/cm_admin/engine.rb +38 -0
- data/lib/cm_admin/model.rb +262 -0
- data/lib/cm_admin/models/action.rb +22 -0
- data/lib/cm_admin/models/actions/blocks.rb +25 -0
- data/lib/cm_admin/models/blocks.rb +19 -0
- data/lib/cm_admin/models/column.rb +16 -0
- data/lib/cm_admin/models/export.rb +43 -0
- data/lib/cm_admin/models/field.rb +14 -0
- data/lib/cm_admin/models/filter.rb +30 -0
- data/lib/cm_admin/utils.rb +67 -0
- data/lib/cm_admin/version.rb +1 -1
- data/lib/cm_admin/view_helpers.rb +72 -0
- data/lib/cm_admin/view_helpers/field_column_helper.rb +23 -0
- data/lib/cm_admin/view_helpers/form_field_helper.rb +16 -0
- data/lib/cm_admin/view_helpers/form_helper.rb +55 -0
- data/lib/cm_admin/view_helpers/navigation_helper.rb +18 -0
- data/lib/cm_admin/view_helpers/page_info_helper.rb +21 -0
- data/lib/generators/cm_admin/install_generator.rb +10 -32
- data/lib/generators/cm_admin/templates/cm_admin_initializer.rb +4 -0
- data/lib/tasks/webpack_install.rake +63 -0
- data/package.json +18 -0
- data/postcss.config.js +12 -0
- data/yarn-error.log +44 -0
- data/yarn.lock +6903 -0
- metadata +123 -48
- data/CODE_OF_CONDUCT.md +0 -74
- data/lib/generators/cm_admin/USAGE +0 -8
- data/lib/generators/cm_admin/templates/assets/images/cm.png +0 -0
- data/lib/generators/cm_admin/templates/assets/stylesheets/application.css.scss +0 -33
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/_variable.scss +0 -14
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/form.scss +0 -125
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/input-styles.scss +0 -72
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/main-nav.scss +0 -79
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/scaffold.scss +0 -95
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/show.scss +0 -88
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/sidebar.scss +0 -69
- data/lib/generators/cm_admin/templates/assets/stylesheets/base/table.scss +0 -246
- data/lib/generators/cm_admin/templates/layouts/_navbar.html.slim +0 -8
- data/lib/generators/cm_admin/templates/layouts/_side_navbar.html.slim +0 -12
- data/lib/generators/cm_admin/templates/layouts/application.html.slim +0 -20
- data/lib/generators/cm_admin/templates/layouts/initializer.rb +0 -2
- data/lib/generators/cm_admin/templates/views/_form.erb +0 -67
- data/lib/generators/cm_admin/templates/views/_table.erb +0 -22
- data/lib/generators/cm_admin/templates/views/edit.erb +0 -10
- data/lib/generators/cm_admin/templates/views/index.erb +0 -11
- data/lib/generators/cm_admin/templates/views/new.erb +0 -10
- data/lib/generators/cm_admin/templates/views/reset_password.erb +0 -12
- data/lib/generators/cm_admin/templates/views/show.erb +0 -18
- data/lib/generators/cm_admin/templates/views/sign_in.erb +0 -18
- data/lib/generators/cm_admin/view_generator.rb +0 -78
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 35f20e9b85e2ad48730aed1d0f2a9ad1a56d03c951969b85270f74b00990f725
|
|
4
|
+
data.tar.gz: 03533bffdcf8d85c46c39d50ef1f011200526e6d5d6b937e82ddfd350d1a2a48
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bf6a9cecd5793c32dd963973bd1196413f8c997918501934afd5c8cebf2738565e57876e76afef4a5b3e7b0c4f4d71d3ebf20ea0d291524f2c56f08013781429
|
|
7
|
+
data.tar.gz: 287eab8c29339f326b6e70b5255b62d2762eb9439866e879f2454458273a8a38fb55e345f1a11fb9a695a86f5da282c8b3d5a792618bb444550d8af7074d1728
|
data/.gitignore
ADDED
data/.rspec
ADDED
data/.travis.yml
ADDED
data/Gemfile
CHANGED
data/Gemfile.lock
ADDED
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
PATH
|
|
2
|
+
remote: .
|
|
3
|
+
specs:
|
|
4
|
+
cm_admin (0.1.0)
|
|
5
|
+
axlsx_rails (~> 0.6.1)
|
|
6
|
+
pagy (~> 3.13)
|
|
7
|
+
slim (~> 4.1.0)
|
|
8
|
+
webpacker (~> 5.2.1)
|
|
9
|
+
|
|
10
|
+
GEM
|
|
11
|
+
remote: https://rubygems.org/
|
|
12
|
+
specs:
|
|
13
|
+
actionpack (6.1.3.2)
|
|
14
|
+
actionview (= 6.1.3.2)
|
|
15
|
+
activesupport (= 6.1.3.2)
|
|
16
|
+
rack (~> 2.0, >= 2.0.9)
|
|
17
|
+
rack-test (>= 0.6.3)
|
|
18
|
+
rails-dom-testing (~> 2.0)
|
|
19
|
+
rails-html-sanitizer (~> 1.0, >= 1.2.0)
|
|
20
|
+
actionview (6.1.3.2)
|
|
21
|
+
activesupport (= 6.1.3.2)
|
|
22
|
+
builder (~> 3.1)
|
|
23
|
+
erubi (~> 1.4)
|
|
24
|
+
rails-dom-testing (~> 2.0)
|
|
25
|
+
rails-html-sanitizer (~> 1.1, >= 1.2.0)
|
|
26
|
+
activesupport (6.1.3.2)
|
|
27
|
+
concurrent-ruby (~> 1.0, >= 1.0.2)
|
|
28
|
+
i18n (>= 1.6, < 2)
|
|
29
|
+
minitest (>= 5.1)
|
|
30
|
+
tzinfo (~> 2.0)
|
|
31
|
+
zeitwerk (~> 2.3)
|
|
32
|
+
axlsx_rails (0.6.1)
|
|
33
|
+
actionpack (>= 3.1)
|
|
34
|
+
caxlsx (>= 3.0)
|
|
35
|
+
builder (3.2.4)
|
|
36
|
+
caxlsx (3.1.0)
|
|
37
|
+
htmlentities (~> 4.3, >= 4.3.4)
|
|
38
|
+
marcel (~> 1.0)
|
|
39
|
+
nokogiri (~> 1.10, >= 1.10.4)
|
|
40
|
+
rubyzip (>= 1.3.0, < 3)
|
|
41
|
+
concurrent-ruby (1.1.9)
|
|
42
|
+
crass (1.0.6)
|
|
43
|
+
diff-lcs (1.4.4)
|
|
44
|
+
erubi (1.10.0)
|
|
45
|
+
htmlentities (4.3.4)
|
|
46
|
+
i18n (1.8.10)
|
|
47
|
+
concurrent-ruby (~> 1.0)
|
|
48
|
+
loofah (2.10.0)
|
|
49
|
+
crass (~> 1.0.2)
|
|
50
|
+
nokogiri (>= 1.5.9)
|
|
51
|
+
marcel (1.0.1)
|
|
52
|
+
method_source (1.0.0)
|
|
53
|
+
mini_portile2 (2.5.3)
|
|
54
|
+
minitest (5.14.4)
|
|
55
|
+
nokogiri (1.11.7)
|
|
56
|
+
mini_portile2 (~> 2.5.0)
|
|
57
|
+
racc (~> 1.4)
|
|
58
|
+
pagy (3.13.0)
|
|
59
|
+
racc (1.5.2)
|
|
60
|
+
rack (2.2.3)
|
|
61
|
+
rack-proxy (0.7.0)
|
|
62
|
+
rack
|
|
63
|
+
rack-test (1.1.0)
|
|
64
|
+
rack (>= 1.0, < 3)
|
|
65
|
+
rails-dom-testing (2.0.3)
|
|
66
|
+
activesupport (>= 4.2.0)
|
|
67
|
+
nokogiri (>= 1.6)
|
|
68
|
+
rails-html-sanitizer (1.3.0)
|
|
69
|
+
loofah (~> 2.3)
|
|
70
|
+
railties (6.1.3.2)
|
|
71
|
+
actionpack (= 6.1.3.2)
|
|
72
|
+
activesupport (= 6.1.3.2)
|
|
73
|
+
method_source
|
|
74
|
+
rake (>= 0.8.7)
|
|
75
|
+
thor (~> 1.0)
|
|
76
|
+
rake (12.3.3)
|
|
77
|
+
rspec (3.10.0)
|
|
78
|
+
rspec-core (~> 3.10.0)
|
|
79
|
+
rspec-expectations (~> 3.10.0)
|
|
80
|
+
rspec-mocks (~> 3.10.0)
|
|
81
|
+
rspec-core (3.10.1)
|
|
82
|
+
rspec-support (~> 3.10.0)
|
|
83
|
+
rspec-expectations (3.10.1)
|
|
84
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
|
85
|
+
rspec-support (~> 3.10.0)
|
|
86
|
+
rspec-mocks (3.10.2)
|
|
87
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
|
88
|
+
rspec-support (~> 3.10.0)
|
|
89
|
+
rspec-support (3.10.2)
|
|
90
|
+
rubyzip (2.3.0)
|
|
91
|
+
semantic_range (3.0.0)
|
|
92
|
+
slim (4.1.0)
|
|
93
|
+
temple (>= 0.7.6, < 0.9)
|
|
94
|
+
tilt (>= 2.0.6, < 2.1)
|
|
95
|
+
temple (0.8.2)
|
|
96
|
+
thor (1.1.0)
|
|
97
|
+
tilt (2.0.10)
|
|
98
|
+
tzinfo (2.0.4)
|
|
99
|
+
concurrent-ruby (~> 1.0)
|
|
100
|
+
webpacker (5.2.2)
|
|
101
|
+
activesupport (>= 5.2)
|
|
102
|
+
rack-proxy (>= 0.6.1)
|
|
103
|
+
railties (>= 5.2)
|
|
104
|
+
semantic_range (>= 2.3.0)
|
|
105
|
+
zeitwerk (2.4.2)
|
|
106
|
+
|
|
107
|
+
PLATFORMS
|
|
108
|
+
ruby
|
|
109
|
+
|
|
110
|
+
DEPENDENCIES
|
|
111
|
+
cm_admin!
|
|
112
|
+
pagy
|
|
113
|
+
rake (~> 12.0)
|
|
114
|
+
rspec (~> 3.0)
|
|
115
|
+
slim
|
|
116
|
+
|
|
117
|
+
BUNDLED WITH
|
|
118
|
+
2.1.4
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021 sajinmp
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all 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,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
# CmAdmin
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
First create a new rails project with the following command. If you are adding to existing project skip this
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
rails new blog -m https://raw.githubusercontent.com/commutatus/cm-rails-template/devise_integration/template.rb
|
|
9
|
-
```
|
|
3
|
+
New CmAdmin gem
|
|
10
4
|
|
|
11
5
|
## Installation
|
|
12
6
|
|
|
@@ -18,44 +12,19 @@ gem 'cm_admin'
|
|
|
18
12
|
|
|
19
13
|
And then execute:
|
|
20
14
|
|
|
21
|
-
$ bundle
|
|
15
|
+
$ bundle install
|
|
22
16
|
|
|
23
17
|
Or install it yourself as:
|
|
24
18
|
|
|
25
19
|
$ gem install cm_admin
|
|
26
20
|
|
|
27
|
-
Assuming we have a model created already or we can create one
|
|
28
|
-
|
|
29
|
-
$ rails g user first_name:string last_name:string
|
|
30
|
-
|
|
31
|
-
|
|
32
21
|
## Usage
|
|
33
22
|
|
|
34
|
-
|
|
23
|
+
Install the gem
|
|
35
24
|
|
|
36
25
|
$ rails g cm_admin:install
|
|
37
26
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
$ rails g cm_admin:view products index title description
|
|
41
|
-
|
|
42
|
-
For generating the show page views
|
|
43
|
-
|
|
44
|
-
$ rails g cm_admin:view products show title description
|
|
45
|
-
|
|
46
|
-
For generating the form page views
|
|
47
|
-
$ rails g cm_admin:view products form column_name:field_type
|
|
48
|
-
$ rails g cm_admin:view products form title:string description:string
|
|
49
|
-
|
|
50
|
-
Following field types are acceted
|
|
51
|
-
|
|
52
|
-
* input-integer
|
|
53
|
-
* input-string
|
|
54
|
-
* single-select
|
|
55
|
-
* multi-select
|
|
56
|
-
* checkbox
|
|
57
|
-
* radio
|
|
58
|
-
|
|
27
|
+
This will generate an initializer which contains the basic setup. This also includes a layout called `admin` which can be used in the application.
|
|
59
28
|
|
|
60
29
|
## Development
|
|
61
30
|
|
|
@@ -65,12 +34,9 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
|
|
|
65
34
|
|
|
66
35
|
## Contributing
|
|
67
36
|
|
|
68
|
-
Bug reports and pull requests are welcome on GitHub
|
|
37
|
+
Bug reports and pull requests are welcome on [GitHub](https://github.com/commutatus/cm-admin).
|
|
38
|
+
|
|
69
39
|
|
|
70
40
|
## License
|
|
71
41
|
|
|
72
42
|
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
73
|
-
|
|
74
|
-
## Code of Conduct
|
|
75
|
-
|
|
76
|
-
Everyone interacting in the CmAdmin project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/cm-admin/blob/master/CODE_OF_CONDUCT.md).
|
|
Binary file
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../helpers/index.scss';
|
|
2
2
|
|
|
3
3
|
.auth {
|
|
4
4
|
display: flex;
|
|
@@ -42,14 +42,25 @@
|
|
|
42
42
|
|
|
43
43
|
.get-start-btn {
|
|
44
44
|
width: 100%;
|
|
45
|
+
padding: 8px;
|
|
46
|
+
@include font($size: $t4-text, $color: $white);
|
|
47
|
+
background: linear-gradient(to right, $brand-color 50%, transparent 50%);
|
|
48
|
+
background-size: 200% 100%;
|
|
49
|
+
background-position: right bottom;
|
|
50
|
+
border: 1px solid $white;
|
|
51
|
+
border-radius: $radius-4;
|
|
52
|
+
@include transition-linear;
|
|
53
|
+
&:hover {
|
|
54
|
+
background-position: left bottom;
|
|
55
|
+
border-color: $brand-color;
|
|
56
|
+
}
|
|
45
57
|
}
|
|
46
58
|
|
|
47
59
|
.forgot-password {
|
|
48
60
|
margin-bottom: 8px;
|
|
49
61
|
text-align: right;
|
|
50
62
|
a {
|
|
51
|
-
color:
|
|
52
|
-
font-size: 14px;
|
|
63
|
+
@include font($size: $t4-text, $color: $brand-color);
|
|
53
64
|
}
|
|
54
65
|
}
|
|
55
66
|
|
|
@@ -58,11 +69,10 @@
|
|
|
58
69
|
width: 100%;
|
|
59
70
|
height: 39px;
|
|
60
71
|
padding: 6px 12px;
|
|
61
|
-
font
|
|
62
|
-
color: #555555;
|
|
72
|
+
@include font($size: $t3-text, $color: #555555);
|
|
63
73
|
background-color: $white;
|
|
64
74
|
border: 1px solid #ccc;
|
|
65
|
-
border-radius:
|
|
75
|
+
border-radius: $radius-2;
|
|
66
76
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
67
77
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
68
78
|
&:focus {
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
@import "../helpers/index.scss";
|
|
2
|
+
|
|
3
|
+
@function size($size) {
|
|
4
|
+
@return map-get($font-size, $size);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@function weight($weight) {
|
|
8
|
+
@return map-get($font-weight, $weight);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* common popup styles */
|
|
12
|
+
.popup-card {
|
|
13
|
+
position: absolute;
|
|
14
|
+
background-color: $white;
|
|
15
|
+
filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.16));
|
|
16
|
+
border-radius: $radius-4;
|
|
17
|
+
z-index: 1;
|
|
18
|
+
&.table-export-popup {
|
|
19
|
+
top: 50px;
|
|
20
|
+
right: 10px;
|
|
21
|
+
width: 156px;
|
|
22
|
+
padding: 8px 0;
|
|
23
|
+
animation: fadeIn .2s ease-in-out;
|
|
24
|
+
.popup-option {
|
|
25
|
+
padding: 8px 16px;
|
|
26
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
27
|
+
line-height: 22px;
|
|
28
|
+
transition: all .2s linear;
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
&:hover {
|
|
31
|
+
background-color: $grey-lighter-clr;
|
|
32
|
+
}
|
|
33
|
+
span {
|
|
34
|
+
margin-right: 8px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* text alignment styles */
|
|
41
|
+
.text-right {
|
|
42
|
+
text-align: right;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.text-center {
|
|
46
|
+
text-align: center !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.text-left {
|
|
50
|
+
text-align: left;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* typography styles */
|
|
54
|
+
.f12 {
|
|
55
|
+
font-size: size(12);
|
|
56
|
+
}
|
|
57
|
+
.f14 {
|
|
58
|
+
font-size: size(14) !important;
|
|
59
|
+
}
|
|
60
|
+
.f16 {
|
|
61
|
+
font-size: size(16);
|
|
62
|
+
}
|
|
63
|
+
.f20 {
|
|
64
|
+
font-size: size(20);
|
|
65
|
+
}
|
|
66
|
+
.f24 {
|
|
67
|
+
font-size: size(24);
|
|
68
|
+
}
|
|
69
|
+
.bold {
|
|
70
|
+
font-weight: weight(bold);
|
|
71
|
+
}
|
|
72
|
+
.bolder {
|
|
73
|
+
font-weight: weight(bolder) !important;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* padding styles */
|
|
77
|
+
|
|
78
|
+
// @for $i from 1 to 39 {
|
|
79
|
+
// .p-#{$i} {
|
|
80
|
+
// padding: #{$i}px !important;
|
|
81
|
+
// }
|
|
82
|
+
// .pb-#{$i} {
|
|
83
|
+
// padding-bottom: #{$i}px !important;
|
|
84
|
+
// }
|
|
85
|
+
// .pt-#{$i} {
|
|
86
|
+
// padding-top: #{$i}px !important;
|
|
87
|
+
// }
|
|
88
|
+
// }
|
|
89
|
+
|
|
90
|
+
// @for $i from 1 to 21 {
|
|
91
|
+
// .pr-#{$i*2} {
|
|
92
|
+
// padding-right: #{$i*2}px !important;
|
|
93
|
+
// }
|
|
94
|
+
// .pl-#{$i*2} {
|
|
95
|
+
// padding-left: #{$i*2}px !important;
|
|
96
|
+
// }
|
|
97
|
+
// }
|
|
98
|
+
|
|
99
|
+
/* margin styles */
|
|
100
|
+
.m-auto {
|
|
101
|
+
margin: auto;
|
|
102
|
+
}
|
|
103
|
+
.mt-10 {
|
|
104
|
+
margin-top: 10px;
|
|
105
|
+
}
|
|
106
|
+
.mt-20 {
|
|
107
|
+
margin-top: 20px;
|
|
108
|
+
}
|
|
109
|
+
.mt-50 {
|
|
110
|
+
margin-top: 50px;
|
|
111
|
+
}
|
|
112
|
+
.mb-10 {
|
|
113
|
+
margin-bottom: 20px;
|
|
114
|
+
}
|
|
115
|
+
.mb-24 {
|
|
116
|
+
margin-bottom: 24px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.mr-10 {
|
|
120
|
+
margin-right: 10px;
|
|
121
|
+
}
|
|
122
|
+
.mr-20 {
|
|
123
|
+
margin-right: 20px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.ml-10 {
|
|
127
|
+
margin-left: 10px;
|
|
128
|
+
}
|
|
129
|
+
.ml-20 {
|
|
130
|
+
margin-left: 20px;
|
|
131
|
+
}
|
|
132
|
+
.ml-35 {
|
|
133
|
+
margin-left: 35px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
/* width styles in pixel */
|
|
137
|
+
.w-120 {
|
|
138
|
+
width: 120px;
|
|
139
|
+
}
|
|
140
|
+
.w-130 {
|
|
141
|
+
width: 130px;
|
|
142
|
+
}
|
|
143
|
+
.w-160 {
|
|
144
|
+
width: 160px;
|
|
145
|
+
}
|
|
146
|
+
.w-400 {
|
|
147
|
+
width: 400px !important;
|
|
148
|
+
}
|
|
149
|
+
.w-500 {
|
|
150
|
+
width: 500px;
|
|
151
|
+
}
|
|
152
|
+
.w-600 {
|
|
153
|
+
width: 600px;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* width styles in % */
|
|
157
|
+
.w100 {
|
|
158
|
+
width: 100% !important;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
/* border styles */
|
|
162
|
+
.circular-border {
|
|
163
|
+
border-radius: $circle;
|
|
164
|
+
}
|
|
165
|
+
.border-top {
|
|
166
|
+
border-top: 1px solid #ccc;
|
|
167
|
+
}
|
|
168
|
+
.border-bottom {
|
|
169
|
+
border-bottom: 1px solid #ccc;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
//common styles gose here
|
|
173
|
+
.active {
|
|
174
|
+
a {
|
|
175
|
+
color: white !important;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.hidden {
|
|
180
|
+
display: none !important;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.pointer {
|
|
184
|
+
cursor: pointer;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.error-text {
|
|
188
|
+
font-size: 14px;
|
|
189
|
+
color: $error-clr;
|
|
190
|
+
margin: 5px 0;
|
|
191
|
+
animation: shakeError 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
|
|
192
|
+
transform: translate3d(0, 0, 0);
|
|
193
|
+
backface-visibility: hidden;
|
|
194
|
+
perspective: 1000px;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.required-symbol {
|
|
198
|
+
color: $brand-color;
|
|
199
|
+
margin-left: 2px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.text-ellipsis {
|
|
203
|
+
overflow: hidden;
|
|
204
|
+
text-overflow: ellipsis;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
@keyframes shakeError {
|
|
208
|
+
10%,
|
|
209
|
+
90% {
|
|
210
|
+
transform: translate3d(-1px, 0, 0);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
20%,
|
|
214
|
+
80% {
|
|
215
|
+
transform: translate3d(2px, 0, 0);
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
30%,
|
|
219
|
+
50%,
|
|
220
|
+
70% {
|
|
221
|
+
transform: translate3d(-4px, 0, 0);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
40%,
|
|
225
|
+
60% {
|
|
226
|
+
transform: translate3d(4px, 0, 0);
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
@keyframes fadeIn {
|
|
231
|
+
from {
|
|
232
|
+
opacity: 0;
|
|
233
|
+
}
|
|
234
|
+
to {
|
|
235
|
+
opacity: 1;
|
|
236
|
+
}
|
|
237
|
+
}
|