Browse Source

Fixes #195 issue with icon mobile display

pull/217/head
jlukic 11 years ago
parent
commit
36acf29d86
1 changed files with 11 additions and 1 deletions
  1. 12
      node/src/files/stylesheets/semantic.css

12
node/src/files/stylesheets/semantic.css

@ -574,7 +574,7 @@ a:hover {
}
#example .icon.example .grid .column {
opacity: 0.8;
margin-bottom: 4%;
margin-bottom: 2em;
text-align: center;
color: #888888;
@ -1159,6 +1159,7 @@ body.progress .ui.progress .bar {
transform-style: preserve-3d;
}
@media only screen and (max-width : 1725px) {
#example .container {
width: auto;
@ -1282,6 +1283,15 @@ body.progress .ui.progress .bar {
width: 170px;
}
}
@media only screen and (max-width : 600px) {
#example .icon.example .grid .column {
width: 33.33%;
}
}
@media only screen and (max-width : 600px) {
#example .main.menu .borderless.item {
display: none;

Loading…
Cancel
Save