Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/fuel/fuel-menu.css
12241 views
1
/**

2
 * @provides fuel-menu-css

3
 */

4


5
.fuel-menu-item-icon {

6
  width: 14px;

7
  height: 14px;

8
  position: absolute;

9
  left: 8px;

10
  top: 4px;

11
  text-align: center;

12
}

13


14
.fuel-menu-item-link {

15
  padding: 4px 4px 4px 28px;

16
  position: relative;

17
  display: block;

18
  overflow: hidden;

19
  white-space: nowrap;

20
  text-overflow: ellipsis;

21
  color: {$greytext};

22
  cursor: default;

23
  border-radius: 3px;

24
}

25


26
.fuel-menu-item.has-link > .fuel-menu-item-link {

27
  color: {$darkbluetext};

28
  cursor: pointer;

29
}

30


31
.fuel-menu-item.disabled > .fuel-menu-item-link {

32
  color: {$lightgreytext};

33
}

34


35
.device-desktop .fuel-menu-item > .fuel-menu-item-link:hover {

36
  text-decoration: none;

37
}

38


39
.device-desktop .fuel-menu-item.has-link > .fuel-menu-item-link:hover {

40
  color: {$sky};

41
  background: rgba({$alphablue}, .08);

42
}

43


44
.fuel-menu-item-background-color-orange > .fuel-menu-item-link {

45
  background: {$sh-orangebackground};

46
}

47


48
.device-desktop .fuel-menu-item.has-link.fuel-menu-item-background-color-orange

49
  > .fuel-menu-item-link:hover {

50
  background: {$lightorange};

51
  color: {$orange};

52
}

53


54