hot-glue 0.2.6 → 0.3.8

data/lib/generators/hot_glue/templates/erb/_list.erb

@@ -1,19 +1,35 @@
-<\%= turbo_frame_tag "<%= plural %>-list" do %>
-  <div class="container-fluid "><%= singular %>-table
-    <div class="row">
+<\%= turbo_frame_tag "<%= plural %>-list" <%= nested_for_turbo_id_list_constructor %>  do %>
+  <div class="<%= @container_name %> scaffold-list">
+    <% unless @nested_args.any? %><h4><%= plural.gsub("_", " ").upcase %></h4><% end %>
+
+    <% unless @no_create %><%= '<%= render partial: "' + ((@namespace+"/" if @namespace) || "") +  plural + '/new_button", locals: {' + nested_assignments + '}' + '%\>'.gsub('\\',"")  %><% end %>
+
+    <div class="row scaffold-row">
       <%= list_column_headings %>
-      <div class='col buttons-col'></div>
+      <% if @downnest_children.any? %>
+        <% each_downnest_width = @downnest_children.count == 1 ? 40 : (60/@downnest_children.count).floor %>
+      <% @downnest_children.each do |downnest| %>
+        <div class="col scaffold-col-heading" style="flex-basis: <%= each_downnest_width %>%;">
+          <h4>
+            <%=  downnest.titleize  %>
+          </h4>
+        </div>
+      <% end %>
+      <% end %>
+
+      <div class='col scaffold-col-heading scaffold-col-heading-buttons' style="flex-basis: 150px"></div>
     </div>
 
       <\% if <%= plural %>.empty? %>
-        <div>
-            None
-        </div>
+    <div>
+        None
+    </div>
       <\% end %>
       <\% <%= plural %>.each do |<%= singular %>| %>
-        <\%= render partial: '<%= line_path_partial %>', locals: {<%= singular %>: <%= singular %> <%= nested_assignments_with_leading_comma %> } %>
+        <\%= render partial: '<%= line_path_partial %>', locals: {<%= singular %>: <%= singular %><%= nested_assignments_with_leading_comma if  @nestable %><%= ", nested_for: nested_for" if @nestable %> } %>
       <\% end %>
 
     <%=  @no_paginate ? "" : paginate %>
+    </div>
   </div>
 <\% end %>

data/lib/generators/hot_glue/templates/erb/_show.erb

@@ -1,8 +1,31 @@
 <%= all_line_fields %>
-<div class="col">
+
+<% if @downnest_children.any? %>
+  <% each_downnest_width = @downnest_children.count == 1 ? 33 : (53/@downnest_children.count).floor %>
+
+  <% @downnest_children.each do |downnest| %>
+<% downnest_style =  @layout == "hotglue" ? 'style="flex-basis: ' +  each_downnest_width + '%"' : "" %>
+  <div class="<%= @col_identifier %> scaffold-downnest" <%= downnest_style  %> >
+  <\%= render partial: "<%= namespace_with_trailing_dash %><%= downnest %>/list", locals: {
+    nested_for: "<% if @nested_args.any? %>#{nested_for + "__" if nested_for}<% end %><%= @singular %>-#{<%= @singular %>.id}",
+    <%= @singular %>: <%= @singular %><%= nest_assignments_operator(false, true) %>,
+    <%= downnest %>: <%= @singular %>.<%= downnest %>} %>
+  </div>
+  <% end %>
+<% end %>
+
+<% button_style = @layout == "hotglue" ? 'style="flex-basis: ' +  (100 - (column_width * @columns.count)).floor +  '%;' : "" %>
+<div class="<%= @col_identifier %> scaffold-line-buttons" <%= button_style %>>
   <% if destroy_action %>
-    <\%= button_to "Delete".html_safe, <%= path_helper_singular %>(<%= path_helper_args %>), method: :delete, data: <%= delete_confirmation_syntax  %>,  disable_with: "Loading...", class: "delete-<%= singular %>-button btn btn-primary " %>
+    <\%= form_with url: <%= path_helper_singular %>(<%= path_helper_args %>), html: {style: "display: inline-block;"}, method: :delete do |f| %>
+      <\%= f.submit "Delete".html_safe, data: <%= delete_confirmation_syntax  %>, class: "delete-<%= singular %>-button btn btn-primary btn-sm" %>
+    <\% end %>
+  <% end %>
+
+
+  <%= magic_button_output %>
+
+  <% unless @no_edit %>
+  <\%= link_to "Edit <i class='fa fa-1x fa-list-alt'></i>".html_safe, edit_<%= path_helper_singular %>(<%= path_helper_args %>), <% if @big_edit %>'data-turbo' => 'false', <% end %>disable_with: "Loading...", class: "edit-<%= singular %>-button btn btn-primary btn-sm" %>
   <% end %>
-  &nbsp;
-  <\%= link_to "Edit <i class='fa fa-1x fa-list-alt'></i>".html_safe, edit_<%= path_helper_singular %>(<%= path_helper_args %>), <% if @big_edit %>'data-turbo' => 'false', <% end %>disable_with: "Loading...", class: "edit-<%= singular %>-button btn btn-primary " %>
 </div>

data/lib/generators/hot_glue/templates/erb/create.turbo_stream.erb

@@ -1,13 +1,13 @@
 <\% if @<%= singular %>.errors.none? %>
-  <\%= turbo_stream.replace "<%= plural %>-list" do %>
-  <\%= render partial: "list", locals: {<%= plural %>: @<%= plural %>} %>
+  <\%= turbo_stream.replace "<%= plural %>-list<%= nested_for_turbo_nested_constructor %>" do %>
+  <\%= render partial: "list", locals: {<%= plural %>: @<%= plural %><%= nested_for_assignments_constructor %><%= nest_assignments_operator(true, true) %>} %>
   <\% end %>
   <\% end %>
   <\%= turbo_stream.replace "<%= singular %>-new" do %>
   <\% if @<%= singular %>.errors.none? %>
-  <\%= render partial: "new_button" %>
+  <\%= render partial: "new_button", locals: {<%= nest_assignments_operator(true, false) %>} %>
   <\% else %>
-  <\%= render partial: "new_form", locals: {<%= singular %>: @<%= singular %>} %>
+  <\%= render partial: "new_form", locals: {<%= singular %>: @<%= singular %> <%= nest_assignments_operator(true, true) %> } %>
   <\% end %>
   <\% end %>
   <\%= turbo_stream.replace "flash_notices" do %>

data/lib/generators/hot_glue/templates/erb/destroy.turbo_stream.erb

@@ -1,3 +1,3 @@
-<\%= turbo_stream.replace "<%=plural%>-list" do %>
-  <\%= render partial: "list", locals: {<%=plural%>: @<%=plural%>}  %>
+<\%= turbo_stream.replace "<%= plural %>-list<%= nested_for_turbo_nested_constructor %>" do %>
+  <\%= render partial: "list", locals: {<%=plural%>: @<%=plural%> <%= nested_for_assignments_constructor %> <%= nest_assignments_operator(true, true) %>}  %>
 <\% end %>

data/lib/generators/hot_glue/templates/erb/edit.erb

@@ -5,17 +5,14 @@
   <div class="cell editable" style="position: relative;">
 
     <\% if @<%= singular %>.errors.any? %>
-      <\%= render(partial: "#{controller.namespace}errors", locals: {resource: @<%= singular%> }) %>
+      <\%= render(partial: "<%= namespace_with_trailing_dash %>errors", locals: {resource: @<%= singular %> }) %>
     <\% end %>
 
     <h2>Editing <\%= @<%= @singular %>.<%= display_class %> %></h2>
     <\%= form_with model: <%= "@" + singular%>, url: <%= path_helper_singular %>(<%= path_arity %>) do |f| %>
     <\%=  render partial: "form",  locals: {:<%=  singular  %> => <%= "@" + singular%>, f: f} %>
     <\% end %>
-    <i class='fa fa-times-circle fa-2x'
-       data-name='close-<%=  singular  %>__<\% <%= "@" + singular %>.id %> }'
-       data-row-id=<%= "@" + singular %>.id,
-       data-role='close-button'></i>
+
   </div>
 
 <\% end %>

data/lib/generators/hot_glue/templates/erb/index.erb

@@ -1,10 +1,12 @@
-<div class="container-fluid">
-  <div class="row">
-    <div class="col-md-12">
-      <\%= render partial: "new_button" %>
-      <div class="clearfix"></div>
-      <\%= render partial: '<%= list_path_partial %>',
-              locals: {<%=  plural %>: @<%= plural %>} \%>
-    </div>
-  </div>
+<div class="<%= @container_name %>">
+  <% if @layout == "bootstrap" %><div class="row"> <div class="col-md-12">
+  <% else %>
+    <div class=' scaffold-index-<%= plural %>'>
+  <% end %>
+
+  <div class="clearfix"></div>
+  <\%= render partial: '<%= list_path_partial %>',
+  locals: {<%= plural %>: @<%= plural %><%= nested_for_assignments_constructor %><%= nest_assignments_operator(true, true) if @nestable %> } \%>
+
+  <% if @layout == "bootstrap" %></div></div><% else  %></div><% end %>
 </div>

data/lib/generators/hot_glue/templates/erb/update.turbo_stream.erb

@@ -1,6 +1,9 @@
-<\%= turbo_stream.replace "<%= singular%>__#{@<%= singular %>.id}" do %>
-  <\%= render partial: 'line', locals: {<%= singular %>: @<%= singular %> <%= nested_assignments_with_leading_comma %> } %>
+<% if !@display_list_after_update %><\%= turbo_stream.replace "<%= singular%>__#{@<%= singular %>.id}" do %>
+  <\%= render partial: 'line', locals: {<%= singular %>: @<%= singular %> <%= nest_assignments_operator(true,true) %> } %>
+<\% end %><% else %><\%= turbo_stream.replace "<%= plural %>-list" do %>
+  <\%= render partial: '<%= list_path_partial %>', locals: {<%= plural %>: @<%= plural %><%= nest_assignments_operator(true, true) if @nestable %><%= nested_for_assignments_constructor %> } \%>
 <\% end %>
+<% end %>
 
 <\%= turbo_stream.replace "flash_notices" do %>
   <\%= render partial: "layouts/flash_notices" %>

data/lib/generators/hot_glue/templates/haml/_line.haml

@@ -1,6 +1,6 @@
 = turbo_frame_tag "<%= singular %>__#{<%= singular %>.id}" do
   .row{'data-id': <%= singular %>.id, 'data-edit': 'false'}
-    = render partial: "<%= show_path_partial %>", locals: {<%= singular %>: <%= singular %>}
+    = render partial: "<%= show_path_partial %>", locals: {<%= singular %>: <%= singular %> <%= nest_assignments_operator(false, true) %>}
 
 
 

data/lib/generators/hot_glue/templates/haml/_list.haml

@@ -1,5 +1,9 @@
 = turbo_frame_tag "<%= plural %>-list" do
-  .container-fluid.<%= singular %>-table
+  %div{class: "<%= @container_name %> <%= singular %>-table"}
+    .row
+      .col-md-12
+        <%= '= render partial: "' + (@namespace+"/" if @namespace) +  plural + '/new_button", locals: {'  + nested_assignments + '}'  unless @no_create %>
+
     .row
 <%= list_column_headings %>
       .col
@@ -7,5 +11,5 @@
       - if <%= plural %>.empty?
         None
       - <%= plural %>.each do |<%= singular %>|
-        = render partial: '<%= line_path_partial %>', locals: {<%= singular %>: <%= singular %> <%= nested_assignments_with_leading_comma %> }
+        = render partial: '<%= line_path_partial %>', locals: {<%= singular %>: <%= singular %><%= nested_assignments_with_leading_comma if @nest %> }
     <%=  @no_paginate ? "" : paginate %>

data/lib/generators/hot_glue/templates/haml/create.turbo_stream.haml

@@ -1,12 +1,12 @@
 - if @<%= singular %>.errors.none?
   = turbo_stream.replace "<%= plural %>-list" do
-    = render partial: "list", locals: {<%= plural %>: @<%= plural %>}
+    = render partial: "list", locals: {<%= plural %>: @<%= plural %> <%= nest_assignments_operator(true, true) %>}
 
 = turbo_stream.replace "<%= singular %>-new" do
   - if @<%= singular %>.errors.none?
-    = render partial: "new_button"
+    = render partial: "new_button", locals: {<%= nest_assignments_operator(true, false) %> }
   - else
-    = render partial: "new_form", locals: {<%= singular %>: @<%= singular %>}
+    = render partial: "new_form", locals: {<%= singular %>: @<%= singular %> <%= nest_assignments_operator(true, true) %>}
 
 = turbo_stream.replace "flash_notices" do
   = render partial: "layouts/flash_notices"

data/lib/generators/hot_glue/templates/haml/destroy.turbo_stream.haml

@@ -1,2 +1,2 @@
 = turbo_stream.replace "<%=plural%>-list" do
-  = render partial: "list", locals: {<%=plural%>: @<%=plural%>}
+  = render partial: "list", locals: {<%=plural%>: @<%=plural%> <%= nest_assignments_operator(true, true) %>}

data/lib/generators/hot_glue/templates/haml/edit.haml

@@ -17,5 +17,3 @@
     = form_with model: <%= "@" + singular%>, url: <%= path_helper_singular %>(<%= path_arity %>) do |f|
       = render partial: "form",  locals: {:<%=  singular  %> => <%= "@" + singular%>, f: f}
 
-    %i.fa.fa-times-circle.fa-2x{ 'data-name' =>  'close-invoice__#{@invoice.id}', 'data-row-id' =>  <%= "@" + singular %>.id, 'data-role' =>  'close-button'}
-

data/lib/generators/hot_glue/templates/haml/index.haml

@@ -1,9 +1,8 @@
-.container-fluid
+%div{class: "#{@container_name }"}
   .row
     .col-md-12
-      = render partial: "new_button"
       .clearfix
-      = render partial: "<%= list_path_partial %>", locals: {<%= plural %>: @<%= plural %>}
+      = render partial: "<%= list_path_partial %>", locals: {<%= plural %>: @<%= plural %> <%= nest_assignments_operator(true, true) %>}
 
 
 

data/lib/generators/hot_glue/templates/system_spec.rb.erb

@@ -72,7 +72,7 @@ describe "interaction for <%= controller_class_name %>", type: :feature do
     end
   end
 
-  describe "new & create" do
+<% unless @no_create %>  describe "new & create" do
     it "should create a new <%= singular.titlecase %>" do
       visit <%= path_helper_plural %>
       click_link "New <%= singular.titlecase %>"
@@ -97,6 +97,12 @@ describe "interaction for <%= controller_class_name %>", type: :feature do
         "      find(\"[name='#{singular}[#{ col.to_s }]']\").fill_in(with: new_#{col.to_s})"
 
       end
+
+    when :enum
+        "      list_of_#{col.to_s} = #{singular_class}.defined_enums['#{col.to_s}'].keys \n" +
+        "      " + "new_#{col.to_s} = list_of_#{col.to_s}[rand(list_of_#{col.to_s}.length)].to_s \n" +
+        '      find("select[name=\'' + singular + '[' + col.to_s + ']\']  option[value=\'#{new_' + col.to_s + '}\']").select_option'
+
     when :boolean
       "     new_#{col} = rand(2).floor \n" +
       "     find(\"[name='#{singular}[#{col}]'][value='\#{new_" + col.to_s + "}']\").choose"
@@ -135,7 +141,7 @@ describe "interaction for <%= controller_class_name %>", type: :feature do
   %>
 
     end
-  end
+  end<% end %>
 
 
   describe "edit & update" do
@@ -185,6 +191,11 @@ describe "interaction for <%= controller_class_name %>", type: :feature do
       when :time
         "     new_#{col} = Time.current + rand(144).hours \n" +
         "     find(\"[name='#{singular}[#{col}]']\").fill_in(with: new_#{col.to_s })"
+      when :enum
+        "      list_of_#{col.to_s} = #{singular_class}.defined_enums['#{col.to_s}'].keys \n" +
+        "      " + "new_#{col.to_s} = list_of_#{col.to_s}[rand(list_of_#{col.to_s}.length)].to_s \n" +
+        '      find("select[name=\'' + singular + '[' + col.to_s + ']\']  option[value=\'#{new_' + col.to_s + '}\']").select_option'
+
       else
         "      " + "new_#{col.to_s} = FFaker::Name.name \n" +
         '      find("input[name=\'' + singular + '[' + col.to_s + ']\']").fill_in(with: new_' + col.to_s + ')'
@@ -220,17 +231,17 @@ describe "interaction for <%= controller_class_name %>", type: :feature do
     end
   end
 
-  describe "destroy" do
+<% unless @no_delete %>  describe "destroy" do
     it "should destroy" do
       visit <%= path_helper_plural %>
-      #accept_alert do
-      # find("form[action='<%= namespace_with_dash %>/<%= plural %>/#{<%= singular %>1.id}'] > button.delete-<%= singular %>-button").click
-      #end
-      find("form[action='<%= namespace_with_dash %>/<%= plural %>/#{<%= singular %>1.id}'] > button.delete-<%= singular %>-button").click
+      accept_alert do
+        find("form[action='<%= namespace_with_dash %>/<%= plural %>/#{<%= singular %>1.id}'] > input.delete-<%= singular %>-button").click
+      end
+#      find("form[action='<%= namespace_with_dash %>/<%= plural %>/#{<%= singular %>1.id}'] > input.delete-<%= singular %>-button").click
 
       expect(page).to_not have_content(<%= singular %>1.<%= @display_class %>)
       expect(<%= singular_class %>.where(id: <%= singular %>1.id).count).to eq(0)
     end
-  end
+  end<% end %>
 end
 

data/lib/generators/hot_glue/templates/themes/hotglue_scaffold_dark_knight.scss

@@ -0,0 +1,158 @@
+body {
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  background-color: black;
+  color: white;
+
+  .alert.alert-danger {
+    padding: 1em;
+    border: solid 1px crimson;
+    background-color: #ffd9d9;
+    color: black;
+    font-weight: bold;
+  }
+}
+
+.scaffold-container {
+
+
+
+
+  .cell input {
+    -webkit-writing-mode: horizontal-tb !important;
+    text-rendering: auto;
+    letter-spacing: normal;
+    word-spacing: normal;
+    line-height: normal;
+    text-transform: none;
+    text-indent: 0px;
+    text-shadow: none;
+    display: inline-block;
+    text-align: start;
+    appearance: auto;
+    -webkit-rtl-ordering: logical;
+    margin: 0em;
+    border-image: initial;
+
+    display: block;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-radius: 0.25rem;
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    color: #212529;
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+  }
+
+  .scaffold-row {
+    .scaffold-col-heading  {
+    }
+    .scaffold-col, .scaffold-col-heading {
+
+    }
+
+    .scaffold-cell {
+    }
+
+    .scaffold-list {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+
+  .container-fluid, .scaffold-container {
+    width: 100%;
+
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .row {
+    display: flex;
+    --bs-gutter-x: 1.5rem;
+    --bs-gutter-y: 0;
+    display: flex;
+    flex-wrap: wrap;
+
+    margin-top: calc(-1 * var(--bs-gutter-y));
+  }
+
+  .btn-primary {
+    color: #212529;
+
+    background-color: #4D889E;
+    &:hover {
+      color: #fff;
+      border-color: #4D889E;
+    }
+  }
+
+  .btn-secondary {
+    color: white;
+
+    background-color: darkgrey;
+    &:hover {
+      color: lightgrey;
+      border-color: black;
+    }
+  }
+
+  .scaffold-list {
+    input, .btn {
+      font-size: 0.8rem;
+      font-weight: 400;
+      line-height: 1.4;
+    }
+
+
+    .scaffold-list {
+      input, .btn {
+        font-size: 0.8rem;
+        line-height: 1.2;
+      }
+
+
+
+      .scaffold-list {
+        input, .btn {
+          font-size: 0.55rem;
+          line-height: 1.0;
+        }
+      }
+    }
+  }
+
+
+  .btn {
+    display: inline-block;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #212529;
+    text-align: center;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    border-radius: 6px;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+
+    box-shadow: 0px 0px 12px 2px whitesmoke;
+    margin-right: 0.6em;
+  }
+
+
+
+}

data/lib/generators/hot_glue/templates/themes/hotglue_scaffold_like_bootstrap.scss

@@ -0,0 +1,154 @@
+body {
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  background-color: white;
+  color: darkslategrey;
+
+  .alert.alert-danger {
+    padding: 1em;
+    border: 1px solid transparent;
+    color: #721c24;
+    background-color: #f8d7da;
+    border-color: #f5c6cb;
+  }
+}
+
+
+.scaffold-container {
+  .cell input {
+    -webkit-writing-mode: horizontal-tb !important;
+    text-rendering: auto;
+    letter-spacing: normal;
+    word-spacing: normal;
+    line-height: normal;
+    text-transform: none;
+    text-indent: 0px;
+    text-shadow: none;
+    display: inline-block;
+    text-align: start;
+    appearance: auto;
+    -webkit-rtl-ordering: logical;
+    margin: 0em;
+    border-image: initial;
+
+    display: block;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-radius: 0.25rem;
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    color: #212529;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+  }
+
+  .scaffold-row {
+    .scaffold-col-heading  {
+    }
+    .scaffold-col, .scaffold-col-heading {
+
+    }
+
+    .scaffold-cell {
+    }
+
+    .scaffold-list {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+
+  .container-fluid, .scaffold-container {
+    width: 100%;
+
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .row {
+    display: flex;
+    --bs-gutter-x: 1.5rem;
+    --bs-gutter-y: 0;
+    display: flex;
+    flex-wrap: wrap;
+
+    margin-top: calc(-1 * var(--bs-gutter-y));
+  }
+
+  .btn-primary {
+    color: #212529;
+
+    background-color: #0d6efd;
+    &:hover {
+      color: #fff;
+      border-color: #0a58ca;
+    }
+  }
+
+  .btn-secondary {
+    color: white;
+
+    background-color: darkgrey;
+    &:hover {
+      color: lightgrey;
+      border-color: black;
+    }
+  }
+
+  .scaffold-list {
+    input, .btn {
+      font-size: 0.8rem;
+      font-weight: 400;
+      line-height: 1.4;
+    }
+
+
+    .scaffold-list {
+      input, .btn {
+        font-size: 0.8rem;
+        line-height: 1.2;
+      }
+
+
+
+      .scaffold-list {
+        input, .btn {
+          font-size: 0.55rem;
+          line-height: 1.0;
+        }
+      }
+    }
+  }
+
+
+  .btn {
+    display: inline-block;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #212529;
+    text-align: center;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    border-radius: 0.25rem;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  }
+
+
+
+}