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/next/styles/bootstrap-visible.css
Views: 687
1
// So the VisibleXS, etc., components in @cocalc/frontend/components/hidden-visible work.

2


3
.visible-xs,

4
.visible-sm,

5
.visible-md,

6
.visible-lg {

7
  display: none !important;

8
}

9
.visible-xs-block,

10
.visible-xs-inline,

11
.visible-xs-inline-block,

12
.visible-sm-block,

13
.visible-sm-inline,

14
.visible-sm-inline-block,

15
.visible-md-block,

16
.visible-md-inline,

17
.visible-md-inline-block,

18
.visible-lg-block,

19
.visible-lg-inline,

20
.visible-lg-inline-block {

21
  display: none !important;

22
}

23
@media (max-width: 767px) {

24
  .visible-xs {

25
    display: block !important;

26
  }

27
  table.visible-xs {

28
    display: table !important;

29
  }

30
  tr.visible-xs {

31
    display: table-row !important;

32
  }

33
  th.visible-xs,

34
  td.visible-xs {

35
    display: table-cell !important;

36
  }

37
}

38
@media (max-width: 767px) {

39
  .visible-xs-block {

40
    display: block !important;

41
  }

42
}

43
@media (max-width: 767px) {

44
  .visible-xs-inline {

45
    display: inline !important;

46
  }

47
}

48
@media (max-width: 767px) {

49
  .visible-xs-inline-block {

50
    display: inline-block !important;

51
  }

52
}

53
@media (min-width: 768px) and (max-width: 991px) {

54
  .visible-sm {

55
    display: block !important;

56
  }

57
  table.visible-sm {

58
    display: table !important;

59
  }

60
  tr.visible-sm {

61
    display: table-row !important;

62
  }

63
  th.visible-sm,

64
  td.visible-sm {

65
    display: table-cell !important;

66
  }

67
}

68
@media (min-width: 768px) and (max-width: 991px) {

69
  .visible-sm-block {

70
    display: block !important;

71
  }

72
}

73
@media (min-width: 768px) and (max-width: 991px) {

74
  .visible-sm-inline {

75
    display: inline !important;

76
  }

77
}

78
@media (min-width: 768px) and (max-width: 991px) {

79
  .visible-sm-inline-block {

80
    display: inline-block !important;

81
  }

82
}

83
@media (min-width: 992px) and (max-width: 1199px) {

84
  .visible-md {

85
    display: block !important;

86
  }

87
  table.visible-md {

88
    display: table !important;

89
  }

90
  tr.visible-md {

91
    display: table-row !important;

92
  }

93
  th.visible-md,

94
  td.visible-md {

95
    display: table-cell !important;

96
  }

97
}

98
@media (min-width: 992px) and (max-width: 1199px) {

99
  .visible-md-block {

100
    display: block !important;

101
  }

102
}

103
@media (min-width: 992px) and (max-width: 1199px) {

104
  .visible-md-inline {

105
    display: inline !important;

106
  }

107
}

108
@media (min-width: 992px) and (max-width: 1199px) {

109
  .visible-md-inline-block {

110
    display: inline-block !important;

111
  }

112
}

113
@media (min-width: 1200px) {

114
  .visible-lg {

115
    display: block !important;

116
  }

117
  table.visible-lg {

118
    display: table !important;

119
  }

120
  tr.visible-lg {

121
    display: table-row !important;

122
  }

123
  th.visible-lg,

124
  td.visible-lg {

125
    display: table-cell !important;

126
  }

127
}

128


129
@media (max-width: 767px) {

130
  .hidden-xs {

131
    display: none !important;

132
  }

133
}

134
@media (min-width: 768px) and (max-width: 991px) {

135
  .hidden-sm {

136
    display: none !important;

137
  }

138
}

139
@media (min-width: 992px) and (max-width: 1199px) {

140
  .hidden-md {

141
    display: none !important;

142
  }

143
}

144
@media (min-width: 1200px) {

145
  .hidden-lg {

146
    display: none !important;

147
  }

148
}

149


150