_basicContext.extended.scss 1012 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. // Extended Theme -------------------------------------------------------------- //
  2. .basicContext {
  3. &__data .cover {
  4. position: absolute;
  5. background-color: #222;
  6. border-radius: 2px;
  7. box-shadow: 0 0 0 1px black(.5);
  8. }
  9. &__data .title {
  10. display: inline-block;
  11. margin: 0 0 3px 26px;
  12. }
  13. &__data .iconic {
  14. display: inline-block;
  15. margin: 0 10px 0 1px;
  16. width: 11px;
  17. height: 10px;
  18. fill: white(1);
  19. }
  20. &__data .iconic.ionicons {
  21. margin: 0 8px -2px 0;
  22. width: 14px;
  23. height: 14px;
  24. }
  25. // Link -------------------------------------------------------------- //
  26. &__data input#link {
  27. margin: -2px 0;
  28. padding: 5px 7px 6px;
  29. width: 100%;
  30. background: #333;
  31. color: #fff;
  32. box-shadow: 0px 1px 0px white(.05);
  33. border: 1px solid black(.4);
  34. border-radius: 3px;
  35. outline: none;
  36. }
  37. // No hover -------------------------------------------------------------- //
  38. &__item--noHover &__data {
  39. padding-right: 12px;
  40. }
  41. &__item--noHover:hover &__data {
  42. background: none !important;
  43. }
  44. }