cm-admin 0.1.0 → 0.2.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.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +12 -2
  3. data/lib/cm_admin/version.rb +1 -1
  4. data/lib/generators/cm_admin/install_generator.rb +9 -1
  5. data/lib/generators/cm_admin/templates/assets/images/cm.png +0 -0
  6. data/lib/generators/cm_admin/templates/assets/stylesheets/application.css.scss +16 -13
  7. data/lib/generators/cm_admin/templates/assets/stylesheets/{_variable.scss → base/_variable.scss} +5 -2
  8. data/lib/generators/cm_admin/templates/assets/stylesheets/base/auth.scss +75 -0
  9. data/lib/generators/cm_admin/templates/assets/stylesheets/base/form.scss +125 -0
  10. data/lib/generators/cm_admin/templates/assets/stylesheets/base/input-styles.scss +72 -0
  11. data/lib/generators/cm_admin/templates/assets/stylesheets/base/main-nav.scss +79 -0
  12. data/lib/generators/cm_admin/templates/assets/stylesheets/base/scaffold.scss +95 -0
  13. data/lib/generators/cm_admin/templates/assets/stylesheets/base/show.scss +88 -0
  14. data/lib/generators/cm_admin/templates/assets/stylesheets/base/sidebar.scss +69 -0
  15. data/lib/generators/cm_admin/templates/assets/stylesheets/base/table.scss +246 -0
  16. data/lib/generators/cm_admin/templates/layouts/_navbar.html.slim +7 -8
  17. data/lib/generators/cm_admin/templates/layouts/_side_navbar.html.slim +7 -11
  18. data/lib/generators/cm_admin/templates/layouts/application.html.slim +3 -8
  19. data/lib/generators/cm_admin/templates/views/_form.erb +58 -29
  20. data/lib/generators/cm_admin/templates/views/_table.erb +20 -12
  21. data/lib/generators/cm_admin/templates/views/edit.erb +10 -0
  22. data/lib/generators/cm_admin/templates/views/index.erb +5 -5
  23. data/lib/generators/cm_admin/templates/views/new.erb +10 -0
  24. data/lib/generators/cm_admin/templates/views/reset_password.erb +12 -0
  25. data/lib/generators/cm_admin/templates/views/show.erb +17 -7
  26. data/lib/generators/cm_admin/templates/views/sign_in.erb +18 -0
  27. data/lib/generators/cm_admin/view_generator.rb +23 -2
  28. metadata +15 -11
  29. data/lib/generators/cm_admin/templates/assets/images/same-logo.png +0 -0
  30. data/lib/generators/cm_admin/templates/assets/stylesheets/alignment.scss +0 -111
  31. data/lib/generators/cm_admin/templates/assets/stylesheets/devise.scss +0 -98
  32. data/lib/generators/cm_admin/templates/assets/stylesheets/form.scss +0 -131
  33. data/lib/generators/cm_admin/templates/assets/stylesheets/products.scss +0 -21
  34. data/lib/generators/cm_admin/templates/assets/stylesheets/scaffold.scss +0 -241
  35. data/lib/generators/cm_admin/templates/assets/stylesheets/table.scss +0 -90
  36. data/lib/generators/cm_admin/templates/assets/stylesheets/user.scss +0 -25
  37. data/lib/generators/cm_admin/templates/views/_filters.html.slim +0 -0
@@ -1,9 +1,8 @@
1
- .heading-container
2
- .row.container-header
3
- .col-md-8
4
- = yield :bread_crumb
5
- .dropdown-icon
6
- .dropbtn
7
- p.text-light AM
8
- .dropdown-content
1
+ .main-nav
2
+ .main-nav__lhs
3
+ = yield :bread_crumb
4
+ .main-nav__rhs
5
+ .profile-avatar
6
+ span CM
7
+ .auth-popup
9
8
  p = link_to "Log out", '/sign-out', method: :delete
@@ -1,16 +1,12 @@
1
- .side-navbar
1
+ .sidebar-menu
2
2
 
3
- .logo-section
4
- .tw-logo = image_tag('same-logo.png', alt: 'logo image', width: '24px', height: '24px')
3
+ .sidebar-menu__logo-header
4
+ = image_tag('cm.png', alt: 'logo image')
5
5
 
6
6
 
7
- .nav-tabs-section
8
- = link_to '/', class: 'nav-link'
9
- .nav-item class="#{(controller_name == 'users') ? 'active' : ''}"
10
- span.p-4.nav-heading.f14 Users
7
+ .sidebar-menu__tabs-wrapper
11
8
 
12
9
 
13
- .sidenav-footer-section
14
- = link_to '/sign-out', method: :delete, class: 'nav-link'
15
- .nav-item
16
- span.p-4.nav-heading.f14 Logout
10
+ .sidebar-menu__footer
11
+ = link_to '/sign-out', method: :delete, class: 'auth-link'
12
+ span.p-4.f14 Logout
@@ -2,7 +2,7 @@ doctype html
2
2
  html
3
3
  head
4
4
  title
5
- | TishWish
5
+ | CM Admin panel
6
6
  = csrf_meta_tags
7
7
  = csp_meta_tag
8
8
  = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
@@ -10,16 +10,11 @@ html
10
10
 
11
11
  body
12
12
  - unless controller_path.include?('devise')
13
- .layout-container
13
+ .admin-panel
14
14
  = render 'layouts/side_navbar'
15
15
  .main
16
16
  .main-container
17
17
  = render 'layouts/navbar'
18
18
  = yield
19
19
  - else
20
- .main
21
- .heading
22
- h3
23
- span TishWish Admin Panel
24
- .devise-form-container
25
- = yield
20
+ = yield
@@ -1,38 +1,67 @@
1
- .form-container
2
- = simple_form_for(@template,:url => admin_product_templates_path(@product), html: { class: "new product_template-form", autocomplete: "off" }) do |f|
1
+ .cm-admin-form
2
+ = simple_form_for([:admin, @<%= name.singularize %>]) do |f|
3
3
  = f.error_notification
4
4
  .custom-validations.error-color
5
5
  <% options[:column_names].each do |column_name| %>
6
6
  <% column_name_arr = column_name.split(':') %>
7
- <% case 'string'
8
- when 'integer' %>
9
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
10
- .<%= column_name_arr[0] %>.error-color.hidden
11
- p Please fill height
12
- <% when 'string' %>
13
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
14
- .<%= column_name_arr[0] %>.error-color.hidden
15
- p Please fill height
16
- <% when 'select_multiple' %>
17
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
18
- .<%= column_name_arr[0] %>.error-color.hidden
19
- p Please fill height
20
- <% when 'select_single' %>
21
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
22
- .<%= column_name_arr[0] %>.error-color.hidden
23
- p Please fill height
7
+ <% case column_name_arr[1]
8
+ when 'input-integer' %>
9
+ .form-field
10
+ .form-label
11
+ | <%= column_name_arr[0].titleize %>
12
+ .form-input
13
+ = f.input :<%= column_name_arr[0] %>, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
14
+ .<%= column_name_arr[0] %>.error-color.hidden
15
+ p Please fill height
16
+ <% when 'input-string' %>
17
+ .form-field
18
+ .form-label
19
+ | <%= column_name_arr[0].titleize %>
20
+ .form-input
21
+ = f.input :<%= column_name_arr[0] %>, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'}, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>' }
22
+ .<%= column_name_arr[0] %>.error-color.hidden
23
+ p Please fill height
24
+ <% when 'single-select' %>
25
+ .form-field
26
+ .form-label
27
+ | <%= column_name_arr[0].titleize %>
28
+ .form-input
29
+ = f.input :<%= column_name_arr[0] %>, as: :select, label: false, collection: [], input_html: { class: "select2-single"}, include_blank: "Select <%= column_name_arr[0].gsub('_', ' ').titleize %>"
30
+ .<%= column_name_arr[0] %>.error-color.hidden
31
+ p Please fill height
32
+ <% when 'multi-select' %>
33
+ .form-field
34
+ .form-label
35
+ | <%= column_name_arr[0].titleize %>
36
+ .form-input
37
+ = f.input :<%= column_name_arr[0] %>, as: :select, label: false, collection: [], input_html: { class: "select2-single"}, include_blank: "Select <%= column_name_arr[0].gsub('_', ' ').titleize %>", multiple: true
38
+ .<%= column_name_arr[0] %>.error-color.hidden
39
+ p Please fill height
24
40
  <% when 'checkbox' %>
25
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
26
- .<%= column_name_arr[0] %>.error-color.hidden
27
- p Please fill height
28
- <% when 'datetime' %>
29
- = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
30
- .<%= column_name_arr[0] %>.error-color.hidden
31
- p Please fill height
41
+ .form-field
42
+ = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
43
+ label.radio-label for="male" Male
44
+ <% when 'radio' %>
45
+ .form-field
46
+ = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
47
+ label.radio-label for="male" Male
48
+ <% when 'datepicker' %>
49
+ .form-field
50
+ .form-label
51
+ | <%= column_name_arr[0].titleize %>
52
+ .form-input
53
+ = f.input :<%= column_name_arr[0] %>, as: :string, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'}, class: 'datepicker', value: @<%= name.singularize %>.<%= column_name_arr[0] %>&.strftime('%d/%m/%Y') }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
54
+ .<%= column_name_arr[0] %>.error-color.hidden
55
+ p Please fill height
32
56
  <% when 'file' %>
33
- = f.label :file, "Upload .pdf or .ai "
34
- = f.file_field :file, input_html: {}
57
+ .form-field
58
+ .form-label
59
+ | Upload file
60
+ .file-upload
61
+ = f.file_field :<%= column_name_arr[0] %>, input_html: {}
35
62
  <% end %>
36
63
  <% end %>
37
64
 
38
- = f.button :submit, "Create new Template", class: "float-right", data: {class_name: 'product_template-form',path_name: "admin/products/#{@product.id}/templates", button_name: 'Create new template'}
65
+ .form-actions
66
+ = f.button :submit, "Create new <%= name.singularize %>"
67
+ / # f.button :submit, "Create new <%= name.singularize %>", class: "float-right", data: {class_name: 'product_template-form',path_name: "admin/products/#{@product.id}/templates", button_name: 'Create new template'}
@@ -1,14 +1,22 @@
1
- table.table-hover
2
- thead
3
- tr.border-bottom.border-top
4
- <% options[:column_names].each do |column_name| %>
5
- th.p-3 <%= column_name.titleize %>
6
- <% end %>
7
- tbody
8
- - @filtered_result.data.each do |<%= name.singularize %>|
9
- tr.border-bottom
10
- <% options[:column_names].each do |column_name| %>
11
- td.p-3 = <%= name.singularize %>.<%= column_name %>
12
- <% end %>
1
+ .admin-table
2
+ .record-found
3
+ | #{@filtered_result.facets.total_count} <%= name %> found
13
4
 
5
+ table.cm-table
6
+ thead.cm-table__header
7
+ tr
8
+ <% options[:column_names].each do |column_name| %>
9
+ th <%= column_name.titleize %>
10
+ <% end %>
11
+ th
12
+
13
+ tbody.cm-table__body
14
+ - @filtered_result.data.each do |<%= name.singularize %>|
15
+ tr
16
+ <% options[:column_names].each do |column_name| %>
17
+ td = <%= name.singularize %>.<%= column_name %>
18
+ <% end %>
19
+ td
20
+ = link_to edit_admin_<%= name.singularize %>_path(<%= name.singularize %>) do
21
+ i.fa.fa-pencil.edit-icon
14
22
  = cm_paginate(@filtered_result.facets)
@@ -0,0 +1,10 @@
1
+ .form-wrapper
2
+ .form-wrapper__top-bar
3
+ = link_to admin_<%= name.singularize %>_path(@<%= name.singularize %>) do
4
+ .back-btn
5
+ span
6
+ i.fa.fa-arrow-left aria-hidden="true"
7
+ | Back
8
+ .form-wrapper__inner
9
+ .paper
10
+ == render 'form', <%= name.singularize %>: @<%= name.singularize %>
@@ -4,8 +4,8 @@
4
4
  '/
5
5
  span.active = link_to "<%= name.titleize %>", admin_<%= name %>_path
6
6
 
7
- .admin-table
8
- == render 'filters'
9
-
10
- .table-container
11
- == render 'table'
7
+ .main-body
8
+ .top-bar
9
+ == render 'filters'
10
+ .table-container.<%= name %>-table
11
+ == render 'table'
@@ -0,0 +1,10 @@
1
+ .form-wrapper
2
+ .form-wrapper__top-bar
3
+ = link_to admin_<%= name %>_path do
4
+ .back-btn
5
+ span
6
+ i.fa.fa-arrow-left aria-hidden="true"
7
+ | Back
8
+ .form-wrapper__inner
9
+ .paper
10
+ == render 'form', <%= name.singularize %>: @<%= name.singularize %>
@@ -0,0 +1,12 @@
1
+ .auth
2
+ .auth__form-inner
3
+ .header-log
4
+ = image_tag('cm.png', alt: 'logo image')
5
+ h2.header-title FORGOT YOUR PASSWORD
6
+ = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
7
+ .field-100
8
+ .field-100__item
9
+ = f.input :email, required: true, autofocus: true,
10
+ input_html: { autocomplete: "email" }
11
+ .field-100
12
+ = f.button :submit, "Send me reset password instructions", class: 'btn btn-primary get-start-btn'
@@ -1,8 +1,18 @@
1
- .container
2
- h2 Coupon
1
+ .show-wrapper
2
+ .show-wrapper__tab-bar
3
+ .tab-menu
4
+ .tab-item.active OVERVIEW
5
+ .tab-item COMMUTATUS
3
6
 
4
- .d-flex.flex-column
5
- <% options[:column_names].each do |column_name| %>
6
- .attribute.mr-4 <%= name.singularize.titleize %>
7
- .value = @<%= name.singularize %>.<%= column_name %>
8
- <% end %>
7
+ = link_to edit_admin_<%= name.singularize %>_path(@<%= name.singularize %>) do
8
+ .edit-btn
9
+ i.fa.fa-pencil
10
+ .show-wrapper__info-inner
11
+ .paper
12
+ <% options[:column_names].each do |column_name| %>
13
+ .info-flex
14
+ .info-flex__lhs
15
+ p <%= column_name.titleize %>
16
+ .info-flex__rhs
17
+ p = @<%= name.singularize %>.<%= column_name %>
18
+ <% end %>
@@ -0,0 +1,18 @@
1
+ .auth
2
+ .auth__form-inner
3
+ .header-log
4
+ = image_tag('cm.png', alt: 'logo image')
5
+ h2.header-title LOG IN
6
+ = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
7
+ .field-100
8
+ .field-100__item
9
+ = f.input :email, required: false, autofocus: true, label: false,
10
+ input_html: { autocomplete: "email", placeholder: 'Email' }
11
+ .field-100
12
+ .field-100__item
13
+ = f.input :password, required: false, label: false,
14
+ input_html: { autocomplete: "current-password", placeholder: 'Password' }
15
+ .forgot-password
16
+ a href="/reset_password" Forgot your password?
17
+ .field-100
18
+ = f.button :submit, "Log in", class: 'btn btn-primary get-start-btn'
@@ -3,7 +3,19 @@ module CmAdmin
3
3
  def copy_index_files
4
4
  template "views/index.erb", "app/views/admin/#{name}/index.html.slim"
5
5
  template "views/_table.erb", "app/views/admin/#{name}/_table.html.slim"
6
- copy_file "views/_filters.html.slim", "app/views/admin/#{name}/_filters.html.slim"
6
+ inject_into_file 'app/views/layouts/_side_navbar.html.slim', after: ".sidebar-menu__tabs-wrapper" do
7
+ "\n
8
+ = link_to '/admin/#{name}', class: 'tab-link'
9
+ .tab-item class=\"\#{(controller_name == '#{name}' ) ? 'active' : ''}\"
10
+ span.p-4.tab-name.f14 #{name.titleize}\n"
11
+ end
12
+ puts "
13
+ -------------------------------------------------------------------
14
+ # Important
15
+ Run the spotlight filter generator which will generate the filter
16
+ partial and controller file. Run the following with required filter option.
17
+ rails g spotlight_search:filter #{name} --filters scope:datatype
18
+ -------------------------------------------------------------------------"
7
19
  end
8
20
 
9
21
  def copy_show_files
@@ -11,8 +23,15 @@ module CmAdmin
11
23
  end
12
24
 
13
25
  def copy_form_files
26
+ template "views/new.erb", "app/views/admin/#{name}/new.html.slim"
27
+ template "views/edit.erb", "app/views/admin/#{name}/edit.html.slim"
14
28
  template "views/_form.erb", "app/views/admin/#{name}/_form.html.slim"
15
29
  end
30
+
31
+ def copy_devise_files
32
+ template "views/reset_password.erb", "app/views/devise/passwords/new.html.slim"
33
+ template "views/sign_in.erb", "app/views/devise/sessions/new.html.slim"
34
+ end
16
35
  end
17
36
 
18
37
  class ViewGenerator < Rails::Generators::NamedBase
@@ -38,7 +57,7 @@ module CmAdmin
38
57
 
39
58
  argument :page_type, required: true, default: nil,
40
59
  desc: "The scope to copy views to"
41
- class_option :column_names, aliases: "-c", type: :array,
60
+ class_option :column_names, aliases: "-c", type: :array, required: true,
42
61
  desc: "Select specific columns in the files to be be added."
43
62
 
44
63
  def create_new_file
@@ -48,6 +67,8 @@ module CmAdmin
48
67
  copy_form_files
49
68
  elsif page_type == 'show'
50
69
  copy_show_files
70
+ elsif page_type == 'devise'
71
+ copy_devise_files
51
72
  else
52
73
  puts "Wrong page_type provided. It can be either index or show"
53
74
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: cm-admin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Anbazhagan Palani
@@ -71,25 +71,29 @@ files:
71
71
  - lib/cm_admin/version.rb
72
72
  - lib/generators/cm_admin/USAGE
73
73
  - lib/generators/cm_admin/install_generator.rb
74
- - lib/generators/cm_admin/templates/assets/images/same-logo.png
75
- - lib/generators/cm_admin/templates/assets/stylesheets/_variable.scss
76
- - lib/generators/cm_admin/templates/assets/stylesheets/alignment.scss
74
+ - lib/generators/cm_admin/templates/assets/images/cm.png
77
75
  - lib/generators/cm_admin/templates/assets/stylesheets/application.css.scss
78
- - lib/generators/cm_admin/templates/assets/stylesheets/devise.scss
79
- - lib/generators/cm_admin/templates/assets/stylesheets/form.scss
80
- - lib/generators/cm_admin/templates/assets/stylesheets/products.scss
81
- - lib/generators/cm_admin/templates/assets/stylesheets/scaffold.scss
82
- - lib/generators/cm_admin/templates/assets/stylesheets/table.scss
83
- - lib/generators/cm_admin/templates/assets/stylesheets/user.scss
76
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/_variable.scss
77
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/auth.scss
78
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/form.scss
79
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/input-styles.scss
80
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/main-nav.scss
81
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/scaffold.scss
82
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/show.scss
83
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/sidebar.scss
84
+ - lib/generators/cm_admin/templates/assets/stylesheets/base/table.scss
84
85
  - lib/generators/cm_admin/templates/layouts/_navbar.html.slim
85
86
  - lib/generators/cm_admin/templates/layouts/_side_navbar.html.slim
86
87
  - lib/generators/cm_admin/templates/layouts/application.html.slim
87
88
  - lib/generators/cm_admin/templates/layouts/initializer.rb
88
- - lib/generators/cm_admin/templates/views/_filters.html.slim
89
89
  - lib/generators/cm_admin/templates/views/_form.erb
90
90
  - lib/generators/cm_admin/templates/views/_table.erb
91
+ - lib/generators/cm_admin/templates/views/edit.erb
91
92
  - lib/generators/cm_admin/templates/views/index.erb
93
+ - lib/generators/cm_admin/templates/views/new.erb
94
+ - lib/generators/cm_admin/templates/views/reset_password.erb
92
95
  - lib/generators/cm_admin/templates/views/show.erb
96
+ - lib/generators/cm_admin/templates/views/sign_in.erb
93
97
  - lib/generators/cm_admin/view_generator.rb
94
98
  homepage: https://github.com/commutatus/cm-admin
95
99
  licenses:
@@ -1,111 +0,0 @@
1
- @import '_variable.scss';
2
-
3
- /*padding css*/
4
- @for $i from 1 to 39 {
5
- .p-#{$i} {
6
- padding: #{$i}px !important;
7
- }
8
- .pb-#{$i} {
9
- padding-bottom: #{$i}px !important;
10
- }
11
- .pt-#{$i} {
12
- padding-top: #{$i}px !important;
13
- }
14
- }
15
-
16
-
17
-
18
- @for $i from 1 to 21 {
19
- .pr-#{$i*2} {
20
- padding-right: #{$i*2}px !important;
21
- }
22
- .pl-#{$i*2} {
23
- padding-left: #{$i*2}px !important;
24
- }
25
- }
26
-
27
- /*margin css*/
28
- .m-auto {
29
- margin: auto;
30
- }
31
-
32
- /*margin css*/
33
- /*margin top css*/
34
- .mt-10 {
35
- margin-top: 10px;
36
- }
37
- .mt-20 {
38
- margin-top: 20px;
39
- }
40
- .mt-50 {
41
- margin-top: 50px;
42
- }
43
-
44
- /*margin css*/
45
- /*margin bottom css*/
46
- .mb-10 {
47
- margin-bottom: 20px;
48
- }
49
- .mb-24 {
50
- margin-bottom: 24px;
51
- }
52
-
53
- /*margin css*/
54
- /*margin right css*/
55
- .mr-10 {
56
- margin-right: 10px;
57
- }
58
- .mr-20 {
59
- margin-right: 20px;
60
- }
61
-
62
- /*margin css*/
63
- /*margin left css*/
64
- .ml-10 {
65
- margin-left: 10px;
66
- }
67
- .ml-20 {
68
- margin-left: 20px;
69
- }
70
- .ml-35 {
71
- margin-left: 35px;
72
- }
73
-
74
-
75
- /*alignment css*/
76
- .align-right {
77
- text-align: right;
78
- }
79
- .align-center {
80
- text-align: center !important;
81
- }
82
- .align-left {
83
- text-align: left;
84
- }
85
-
86
- /*width css*/
87
- /*width css in pixel*/
88
- .w-120 {
89
- width: 120px;
90
- }
91
- .w-130 {
92
- width: 130px;
93
- }
94
- .w-160 {
95
- width: 160px;
96
- }
97
- .w-400 {
98
- width: 400px;
99
- }
100
- .w-500 {
101
- width: 500px;
102
- }
103
- .w-600 {
104
- width: 600px;
105
- }
106
-
107
- /*width css*/
108
- /*width css in %*/
109
- .w100 {
110
- width: 100% !important;
111
- }