ui-feather.scss 785 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @import '../bootstrap-extended/include'; // Bootstrap includes
  2. .icon-search-wrapper {
  3. max-width: 300px;
  4. .feather-search {
  5. height: 1.15rem;
  6. width: 1.15rem;
  7. }
  8. }
  9. #icons-container {
  10. .icon-card {
  11. width: 128px;
  12. }
  13. }
  14. // Active Card
  15. .icon-card {
  16. border: 1px solid transparent;
  17. &.active {
  18. border-color: $primary;
  19. i,
  20. svg {
  21. color: $primary;
  22. }
  23. }
  24. }
  25. @media (max-width: 1024px) {
  26. #icons-container {
  27. .icon-card {
  28. width: 126px;
  29. }
  30. }
  31. }
  32. @media (max-width: 768px) {
  33. #icons-container {
  34. .icon-card {
  35. width: 131px;
  36. }
  37. }
  38. }
  39. @media (max-width: 414px) {
  40. #icons-container {
  41. .icon-card {
  42. width: 110px;
  43. }
  44. }
  45. }
  46. @media (max-width: 375px) {
  47. #icons-container {
  48. .icon-card {
  49. width: 150px;
  50. }
  51. }
  52. }