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

Loading…
Cancel
Save