CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/frontend/_projects_nav.sass
Views: 687
1
/*

2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.

3
 *  License: MS-RSL – see LICENSE.md for details

4
 */

5


6
.navbar-default

7
  background-color: $COL_TOP_BAR_BG

8
  border-color:     $COL_TOP_BAR_BG

9
  border-width:     0 0 0 0

10


11
=nav-tab-button-styles

12
  padding : 0px

13
  +disable-user-select

14
  color: $COL_TOP_BAR_TEXT

15
  &:hover

16
    color: $COL_TOP_BAR_TEXT

17


18


19
.smc-top-bar

20
  position        : relative

21
  top             : 0px

22
  right           : 0px

23
  left            : 0px

24
  display         : flex

25
  padding         : 0px

26
  margin          : 0px

27
  z-index         : 100

28
  border-radius   : 0

29
  width           : 100%

30
  background-color: $COL_GRAY_L0

31
  > ul > li > a

32
    +nav-tab-button-styles

33


34
.smc-project-tab-sorter > li > a

35
    +nav-tab-button-styles

36


37
.smc-top-bar.navbar-default .navbar-nav>.active>a,

38
.smc-top-bar.navbar-default .navbar-nav>.active>a:focus,

39
.smc-top-bar.navbar-default .navbar-nav>li>a:focus,

40
.smc-top-bar.navbar-default .navbar-nav>.active>a:hover

41
  background-color : $COL_TOP_BAR_ACTIVE

42
  color            : $COL_TOP_BAR_TEXT_ACTIVE

43


44
.smc-top-bar.navbar-default .navbar-nav>li>a:hover

45
  background-color : $COL_TOP_BAR_HOVER

46
  color            : $COL_TOP_BAR_TEXT

47


48
.smc-project-tab-floating

49
  background-color    : rgb(255, 255, 255)

50
  border              : dotted 1px #9a9a9a

51
  display             : block

52
  line-height         : normal

53
  list-style-image    : none

54
  list-style-position : outside

55
  list-style-type     : none

56
  z-index             : 100

57


58
  > a

59
    color               : rgb(85, 85, 85)

60
    display             : block

61
    height              : 51px

62
    line-height         : 20px

63
    list-style-image    : none

64
    list-style-position : outside

65
    list-style-type     : none

66
    outline-color       : rgb(85, 85, 85)

67
    outline-style       : none

68
    outline-width       : 0px

69
    padding             : 0px

70


71
.smc-projects-tabs

72
    padding: 10px

73


74
.smc-dropdown-projects>li>ul

75
  width: 100%

76
  >li>a

77
    display: flex !important

78
    height: 39px !important

79
    padding: 2px 10px !important

80


81
.cocalc-top-bar-element:hover

82
  background-color: $COL_TOP_BAR_HOVER

83


84