_subscribe.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* Subcribe style 01 */
  2. .newsletter-style-01 {
  3. input {
  4. border-radius: 4px;
  5. padding-right: 160px;
  6. &.is-invalid {
  7. padding-right: 160px;
  8. }
  9. }
  10. .btn {
  11. position: absolute;
  12. right: 0;
  13. top: 0;
  14. height: 100%;
  15. border-radius: 0 4px 4px 0;
  16. i{
  17. top: 1px;
  18. }
  19. }
  20. }
  21. /* Subcribe style 02 */
  22. .newsletter-style-02 {
  23. input {
  24. border-radius: 4px;
  25. padding-right: 60px !important;
  26. }
  27. .btn {
  28. position: absolute;
  29. right: 0;
  30. top: 0;
  31. height: 100%;
  32. border-radius: 0 4px 4px 0;
  33. padding: 10px 25px 9px 25px;
  34. display: inline-block;
  35. i {
  36. margin-left: 0;
  37. top: inherit;
  38. }
  39. &:active {
  40. border-color: transparent;
  41. }
  42. }
  43. }
  44. /* Subcribe style 03 */
  45. .newsletter-style-03 {
  46. input {
  47. padding-right: 165px !important;
  48. padding-left: 30px !important;
  49. }
  50. .btn {
  51. position: absolute;
  52. right: 0;
  53. top: 0;
  54. border-radius: 0 100px 100px 0;
  55. height: 100%;
  56. padding: 12px 35px 12px 30px;
  57. &:active {
  58. border-color: transparent;
  59. }
  60. }
  61. }
  62. /* Subcribe style 04 */
  63. .newsletter-style-04 {
  64. input {
  65. padding-left: 0;
  66. padding-right: 40px;
  67. border-radius: 0;
  68. }
  69. .btn {
  70. position: absolute;
  71. right: 0;
  72. top: 0;
  73. height: 100%;
  74. padding: 0;
  75. border: none;
  76. i {
  77. margin-left: 0;
  78. }
  79. }
  80. }
  81. .newsletter-style-01, .newsletter-style-02, .newsletter-style-03, .newsletter-style-04 {
  82. .form-control, .form-control.is-invalid, .was-validated .form-control:invalid {
  83. background-image: inherit;
  84. }
  85. }