richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Fixes some issues with grids insided of grids, fixes issues with header 

sizing of circular icons


Former-commit-id: f6608d06a7
Former-commit-id: 6c38ed775b
pull/258/head
Jack Lukic 12 years ago
parent
ecf8ac0ada
commit
0001e9d748
14 changed files with 215 additions and 116 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      build/minified/collections/grid.min.css
  2. 2
      build/minified/collections/menu.min.css
  3. 2
      build/minified/elements/header.min.css
  4. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  5. 82
      build/uncompressed/collections/grid.css
  6. 2
      build/uncompressed/collections/menu.css
  7. 8
      build/uncompressed/elements/header.css
  8. 47
      node/src/documents/collections/menu.html
  9. 82
      node/src/files/components/semantic/collections/grid.css
  10. 2
      node/src/files/components/semantic/collections/menu.css
  11. 8
      node/src/files/components/semantic/elements/header.css
  12. 82
      src/collections/grid.less
  13. 2
      src/collections/menu.less
  14. 8
      src/elements/header.less

2
build/minified/collections/grid.min.css
File diff suppressed because it is too large
View File

2
build/minified/collections/menu.min.css
File diff suppressed because it is too large
View File

2
build/minified/elements/header.min.css
View File

@ -1 +1 @@
.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1}.ui.black.block.header{background-color:#EAEAEA}.ui.green.block.header{background-color:#EFF8E4}.ui.red.block.header{background-color:#F6E5E8}.ui.purple.block.header{background-color:#EFEDF8}.ui.teal.block.header{background-color:#E9F7F6}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block}
.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1}.ui.black.block.header{background-color:#EAEAEA}.ui.green.block.header{background-color:#EFF8E4}.ui.red.block.header{background-color:#F6E5E8}.ui.purple.block.header{background-color:#EFEDF8}.ui.teal.block.header{background-color:#E9F7F6}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:block;margin-left:auto;margin-right:auto;text-align:center}.ui.icon.header .icon{display:block;font-size:4em;margin:0 auto .2em}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block}

2
build/packaged/semantic.min.css.REMOVED.git-id
View File

@ -1 +1 @@
7416a67eee58ed7b734e42b40f65ce2576589723
34d7908d2f7055fffc609288a2d7d34f838ba3ae

82
build/uncompressed/collections/grid.css
View File

@ -185,49 +185,64 @@
.ui.grid > .row > .column:only-child {
width: 100%;
}
.ui.two.column.grid .column {
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column {
width: 50%;
}
.ui.three.column.grid .column {
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column {
width: 33.3333%;
}
.ui.four.column.grid .column {
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column {
width: 25%;
}
.ui.five.column.grid .column {
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column {
width: 20%;
}
.ui.six.column.grid .column {
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column {
width: 16.66667%;
}
.ui.seven.column.grid .column {
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column {
width: 14.2857%;
}
.ui.eight.column.grid .column {
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column {
width: 12.5%;
}
.ui.nine.column.grid .column {
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column {
width: 11.1111%;
}
.ui.ten.column.grid .column {
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column {
width: 10%;
}
.ui.eleven.column.grid .column {
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column {
width: 9.0909%;
}
.ui.twelve.column.grid .column {
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column {
width: 8.3333%;
}
.ui.thirteen.column.grid .column {
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column {
width: 7.6923%;
}
.ui.fourteen.column.grid .column {
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column {
width: 7.1428%;
}
.ui.fifteen.column.grid .column {
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column {
width: 6.6666%;
}
.ui.sixteen.column.grid .column {
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column {
width: 6.25%;
}
/*-------------------
@ -306,49 +321,58 @@
-----------------------*/
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid .column,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row .column {
.ui.grid > .left.aligned.row > .column {
text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid .column,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row .column {
.ui.grid > .center.aligned.row > .column {
text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid .column,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row .column {
.ui.grid > .right.aligned.row > .column {
text-align: right;
}
/*----------------------
Vertically Centered
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid .column,
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row .column {
.ui.grid > .top.aligned.row > .column {
vertical-align: top;
}
.ui.middle.aligned.grid .column,
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row .column {
.ui.grid > .middle.aligned.row > .column {
vertical-align: middle;
}
.ui.bottom.aligned.grid .column,
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row .column {
.ui.grid > .bottom.aligned.row > .column {
vertical-align: bottom;
}
/*----------------------
Equal Height Columns
-----------------------*/
.ui.grid .equal.row {
.ui.grid > .equal.row {
display: table;
}
.ui.grid .equal.row .column {
.ui.grid > .equal.row > .column {
display: table-cell;
}
/*-------------------

2
build/uncompressed/collections/menu.css
View File

@ -900,8 +900,8 @@
.ui.icon.menu .item .icon {
display: block;
float: none;
opacity: 1;
margin: 0em auto;
color: #3c3c3c;
}
.ui.icon.menu .icon:before {
opacity: 1;

8
build/uncompressed/elements/header.css
View File

@ -258,7 +258,9 @@ h5.ui.header {
Icon
--------------------*/
.ui.icon.header {
display: inline-block;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ui.icon.header .icon {
@ -266,6 +268,10 @@ h5.ui.header {
font-size: 4em;
margin: 0em auto 0.2em;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
font-size: 2em;
}
.ui.block.icon.header .icon {
margin-bottom: 0em;
}

47
node/src/documents/collections/menu.html
View File

@ -484,15 +484,24 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Colors</h4>
<p>Additional colors can be specified.</p>
<div class="ui green menu">
<a class="active item">
<i class="icon home"></i> Home
<div class="ui menu">
<a class="active green item">
<i class="icon home"></i> Green
</a>
<a class="item">
<i class="icon mail"></i> Messages
<a class="red item">
<i class="icon mail"></i> Red
</a>
<a class="item">
<i class="icon community"></i> Browse
<a class="blue item">
<i class="icon community"></i> Blue
</a>
<a class="orange item">
<i class="icon home"></i> Orange
</a>
<a class="purple item">
<i class="icon mail"></i> Purple
</a>
<a class="teal item">
<i class="icon community"></i> Teal
</a>
</div>
<br>
@ -636,25 +645,25 @@ type : 'UI Collection'
<h4 class="ui header">Icons</h4>
<p>A menu may have just icons</p>
<div class="ui icon menu">
<a class="item">
<a class="red item">
<i class="icon mail"></i>
</a>
<a class="item">
<a class="teal item">
<i class="icon lab"></i>
</a>
<a class="item">
<a class="green item">
<i class="icon star"></i>
</a>
</div>
<br><br>
<div class="ui vertical icon menu">
<a class="item">
<a class="red item">
<i class="icon mail"></i>
</a>
<a class="item">
<a class="teal item">
<i class="icon lab"></i>
</a>
<a class="item">
<a class="green item">
<i class="icon star"></i>
</a>
</div>
@ -665,30 +674,30 @@ type : 'UI Collection'
<p>A menu may have labeled icons</p>
<div class="ui labeled icon menu">
<a class="item">
<i class="icon mail"></i>
<i class="red icon mail"></i>
Mail
</a>
<a class="item">
<i class="icon lab"></i>
<i class="teal icon lab"></i>
Lab
</a>
<a class="item">
<i class="icon star"></i>
<i class="green icon star"></i>
Favorites
</a>
</div>
<br><br>
<div class="ui vertical labeled icon menu">
<a class="item">
<i class="icon mail"></i>
<i class="red icon mail"></i>
Mail
</a>
<a class="item">
<i class="icon lab"></i>
<i class="teal icon lab"></i>
Lab
</a>
<a class="item">
<i class="icon star"></i>
<i class="green icon star"></i>
Favorites
</a>
</div>

82
node/src/files/components/semantic/collections/grid.css
View File

@ -185,49 +185,64 @@
.ui.grid > .row > .column:only-child {
width: 100%;
}
.ui.two.column.grid .column {
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column {
width: 50%;
}
.ui.three.column.grid .column {
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column {
width: 33.3333%;
}
.ui.four.column.grid .column {
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column {
width: 25%;
}
.ui.five.column.grid .column {
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column {
width: 20%;
}
.ui.six.column.grid .column {
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column {
width: 16.66667%;
}
.ui.seven.column.grid .column {
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column {
width: 14.2857%;
}
.ui.eight.column.grid .column {
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column {
width: 12.5%;
}
.ui.nine.column.grid .column {
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column {
width: 11.1111%;
}
.ui.ten.column.grid .column {
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column {
width: 10%;
}
.ui.eleven.column.grid .column {
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column {
width: 9.0909%;
}
.ui.twelve.column.grid .column {
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column {
width: 8.3333%;
}
.ui.thirteen.column.grid .column {
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column {
width: 7.6923%;
}
.ui.fourteen.column.grid .column {
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column {
width: 7.1428%;
}
.ui.fifteen.column.grid .column {
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column {
width: 6.6666%;
}
.ui.sixteen.column.grid .column {
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column {
width: 6.25%;
}
/*-------------------
@ -306,49 +321,58 @@
-----------------------*/
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid .column,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row .column {
.ui.grid > .left.aligned.row > .column {
text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid .column,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row .column {
.ui.grid > .center.aligned.row > .column {
text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid .column,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row .column {
.ui.grid > .right.aligned.row > .column {
text-align: right;
}
/*----------------------
Vertically Centered
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid .column,
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row .column {
.ui.grid > .top.aligned.row > .column {
vertical-align: top;
}
.ui.middle.aligned.grid .column,
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row .column {
.ui.grid > .middle.aligned.row > .column {
vertical-align: middle;
}
.ui.bottom.aligned.grid .column,
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row .column {
.ui.grid > .bottom.aligned.row > .column {
vertical-align: bottom;
}
/*----------------------
Equal Height Columns
-----------------------*/
.ui.grid .equal.row {
.ui.grid > .equal.row {
display: table;
}
.ui.grid .equal.row .column {
.ui.grid > .equal.row > .column {
display: table-cell;
}
/*-------------------

2
node/src/files/components/semantic/collections/menu.css
View File

@ -900,8 +900,8 @@
.ui.icon.menu .item .icon {
display: block;
float: none;
opacity: 1;
margin: 0em auto;
color: #3c3c3c;
}
.ui.icon.menu .icon:before {
opacity: 1;

8
node/src/files/components/semantic/elements/header.css
View File

@ -258,7 +258,9 @@ h5.ui.header {
Icon
--------------------*/
.ui.icon.header {
display: inline-block;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ui.icon.header .icon {
@ -266,6 +268,10 @@ h5.ui.header {
font-size: 4em;
margin: 0em auto 0.2em;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
font-size: 2em;
}
.ui.block.icon.header .icon {
margin-bottom: 0em;
}

82
src/collections/grid.less
View File

@ -234,49 +234,64 @@
width: 100%;
}
.ui.two.column.grid .column {
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column {
width: 50%;
}
.ui.three.column.grid .column {
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column {
width: 33.3333%;
}
.ui.four.column.grid .column {
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column {
width: 25%;
}
.ui.five.column.grid .column {
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column {
width: 20%;
}
.ui.six.column.grid .column {
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column {
width: 16.66667%;
}
.ui.seven.column.grid .column {
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column {
width: 14.2857%;
}
.ui.eight.column.grid .column {
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column {
width: 12.5%;
}
.ui.nine.column.grid .column {
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column {
width: 11.1111%;
}
.ui.ten.column.grid .column {
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column {
width: 10%;
}
.ui.eleven.column.grid .column {
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column {
width: 9.0909%;
}
.ui.twelve.column.grid .column {
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column {
width: 8.3333%;
}
.ui.thirteen.column.grid .column {
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column {
width: 7.6923%;
}
.ui.fourteen.column.grid .column {
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column {
width: 7.1428%;
}
.ui.fifteen.column.grid .column {
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column {
width: 6.6666%;
}
.ui.sixteen.column.grid .column {
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column {
width: 6.25%;
}
@ -377,21 +392,24 @@
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid .column,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row .column {
.ui.grid > .left.aligned.row > .column {
text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid .column,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row .column {
.ui.grid > .center.aligned.row > .column {
text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid .column,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row .column {
.ui.grid > .right.aligned.row > .column {
text-align: right;
}
@ -401,19 +419,25 @@
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid .column,
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row .column {
.ui.grid > .top.aligned.row > .column {
vertical-align: top;
}
.ui.middle.aligned.grid .column,
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row .column {
.ui.grid > .middle.aligned.row > .column {
vertical-align: middle;
}
.ui.bottom.aligned.grid .column,
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row .column {
.ui.grid > .bottom.aligned.row > .column {
vertical-align: bottom;
}
@ -421,10 +445,10 @@
Equal Height Columns
-----------------------*/
.ui.grid .equal.row {
.ui.grid > .equal.row {
display: table;
}
.ui.grid .equal.row .column {
.ui.grid > .equal.row > .column {
display: table-cell;
}

2
src/collections/menu.less
View File

@ -1161,8 +1161,8 @@
.ui.icon.menu .item .icon {
display: block;
float: none;
opacity: 1;
margin: 0em auto;
color: rgba(60, 60, 60, 1);
}
.ui.icon.menu .icon:before {
opacity: 1;

8
src/elements/header.less
View File

@ -306,7 +306,9 @@ h5.ui.header {
--------------------*/
.ui.icon.header {
display: inline-block;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ui.icon.header .icon {
@ -314,6 +316,10 @@ h5.ui.header {
font-size: 4em;
margin: 0em auto 0.2em;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
font-size: 2em;
}
.ui.block.icon.header .icon {
margin-bottom: 0em;
}

Write Preview
Loading…
Cancel
Save