_basicContext.extended.scss 993 B

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