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

2
 * @provides phui-button-simple-css

3
 * @requires phui-button-css

4
 */

5


6


7
/* - Basic -------------------------------------------------------------------*/

8


9
button.phui-button-simple,

10
input[type="submit"].phui-button-simple,

11
a.phui-button-simple,

12
a.phui-button-simple:visited {

13
  background: {$page.content};

14
  color: {$bluetext};

15
  border: 1px solid {$lightblueborder};

16
}

17


18
button.phui-button-simple .phui-icon-view,

19
input[type="submit"].phui-button-simple .phui-icon-view,

20
a.phui-button-simple .phui-icon-view,

21
a.phui-button-simple:visited .phui-icon-view {

22
  color: {$lightbluetext};

23
}

24


25
a.button.phui-button-simple:hover,

26
button.phui-button-simple:hover {

27
  border-color: {$blueborder};

28
  background-image: none;

29
  background-color: {$page.content};

30
  transition: 0s;

31
}

32


33
a.phui-button-simple.current {

34
  background: {$lightblue};

35
}

36


37


38
/* - Red  --------------------------------------------------------------------*/

39


40
button.phui-button-simple.button-red,

41
input[type="submit"].phui-button-simple.button-red,

42
a.phui-button-simple.button-red,

43
a.phui-button-simple.button-red:visited {

44
  background: {$sh-redbackground};

45
  color: {$redtext};

46
  border: 1px solid {$sh-redborder};

47
}

48


49
button.phui-button-simple.button-red .phui-icon-view,

50
input[type="submit"].phui-button-simple.button-red .phui-icon-view,

51
a.phui-button-simple.button-red .phui-icon-view,

52
a.phui-button-simple.button-red:visited .phui-icon-view {

53
  color: {$redtext};

54
}

55


56
a.button.phui-button-simple.button-red:hover,

57
button.phui-button-simple.button-red:hover {

58
  border-color: {$sh-redtext};

59
  background-image: none;

60
  background-color: {$sh-redbackground};

61
  transition: 0s;

62
}

63


64
/* - Green  ------------------------------------------------------------------*/

65


66
button.phui-button-simple.button-green,

67
input[type="submit"].phui-button-simple.button-green,

68
a.phui-button-simple.button-green,

69
a.phui-button-simple.button-green:visited {

70
  background: {$sh-greenbackground};

71
  color: {$greentext};

72
  border: 1px solid {$sh-greenborder};

73
}

74


75
button.phui-button-simple.button-green .phui-icon-view,

76
input[type="submit"].phui-button-simple.button-green .phui-icon-view,

77
a.phui-button-simple.button-green .phui-icon-view,

78
a.phui-button-simple.button-green:visited .phui-icon-view {

79
  color: {$greentext};

80
}

81


82
a.button.phui-button-simple.button-green:hover,

83
button.phui-button-simple.button-green:hover {

84
  border-color: {$sh-greentext};

85
  background-image: none;

86
  background-color: {$sh-greenbackground};

87
  transition: 0s;

88
}

89


90
/* - Yellow  -----------------------------------------------------------------*/

91


92
button.phui-button-simple.button-yellow,

93
input[type="submit"].phui-button-simple.button-yellow,

94
a.phui-button-simple.button-yellow,

95
a.phui-button-simple.button-yellow:visited {

96
  background-color: {$sh-yellowbackground};

97
  color: {$sh-yellowtext};

98
  border: 1px solid {$sh-yellowborder};

99
}

100


101
button.phui-button-simple.button-yellow .phui-icon-view,

102
input[type="submit"].phui-button-simple.button-yellow .phui-icon-view,

103
a.phui-button-simple.button-yellow .phui-icon-view,

104
a.phui-button-simple.button-yellow:visited .phui-icon-view {

105
  color: {$sh-yellowicon};

106
}

107


108
a.button.phui-button-simple.button-yellow:hover,

109
button.phui-button-simple.button-yellow:hover {

110
  border-color: {$sh-yellowtext};

111
  background-image: none;

112
  background-color: {$sh-yellowbackground};

113
  transition: 0s;

114
}

115


116


117
/* - Misc  -------------------------------------------------------------------*/

118


119
a.button.phui-button-simple .phui-icon-view {

120
  border: none;

121
}

122


123
a.button.phui-button-simple.phuix-dropdown-open {

124
  background-color: #fff;

125
  color: {$blue};

126
  box-shadow: none;

127
}

128


129
a.button.phui-button-simple.phuix-dropdown-open:hover .phui-icon-view {

130
  color: {$blue};

131
}

132


133