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 button dividers between groups, fixes resizing of homepage 

Former-commit-id: ebec03da3d
Former-commit-id: 37a1f1c1fa
pull/258/head
Jack Lukic 12 years ago
parent
3ef3295247
commit
e6d964c999
4 changed files with 33 additions and 48 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      node/src/files/components/semantic/src/elements/button.css
  2. 21
      node/src/files/stylesheets/semantic.css
  3. 2
      node/src/layouts/default.html.eco
  4. 29
      src/elements/button.css

29
node/src/files/components/semantic/src/elements/button.css
View File

@ -687,36 +687,19 @@ input:focus + .ui.attached.button {
.ui.buttons { .ui.buttons {
overflow: hidden; overflow: hidden;
} }
.ui.buttons .button,
.ui.buttons .mini.button,
.ui.buttons .tiny.button,
.ui.buttons .small.button,
.ui.buttons .massive.button,
.ui.buttons .huge.button,
.ui.buttons .gigantic.button {
.ui.buttons .button {
float: left; float: left;
-webkit-border-radius: 0em; -webkit-border-radius: 0em;
-moz-border-radius: 0em; -moz-border-radius: 0em;
border-radius: 0em; border-radius: 0em;
border-left: 1px solid rgba(0, 0, 0, 0.05);
} }
.ui.buttons .button:first-child,
.ui.buttons .mini.button:first-child,
.ui.buttons .tiny.button:first-child,
.ui.buttons .small.button:first-child,
.ui.buttons .massive.button:first-child,
.ui.buttons .huge.button:first-child,
.ui.buttons .gigantic.button:first-child {
.ui.buttons .button:first-child {
margin-left: 0em; margin-left: 0em;
border-top-left-radius: 0.3125em; border-top-left-radius: 0.3125em;
border-bottom-left-radius: 0.3125em; border-bottom-left-radius: 0.3125em;
} }
.ui.buttons .button:last-child,
.ui.buttons .mini.button:last-child,
.ui.buttons .tiny.button:last-child,
.ui.buttons .small.button:last-child,
.ui.buttons .massive.button:last-child,
.ui.buttons .huge.button:last-child,
.ui.buttons .gigantic.button:last-child {
.ui.buttons .button:last-child {
border-top-right-radius: 0.3125em; border-top-right-radius: 0.3125em;
border-bottom-right-radius: 0.3125em; border-bottom-right-radius: 0.3125em;
} }
@ -728,6 +711,9 @@ input:focus + .ui.attached.button {
.ui.buttons.vertical .button { .ui.buttons.vertical .button {
display: block; display: block;
float: none; float: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-left: none;
box-shadow: none;
} }
.ui.buttons.vertical .button:first-child, .ui.buttons.vertical .button:first-child,
.ui.buttons.vertical .mini.button:first-child, .ui.buttons.vertical .mini.button:first-child,
@ -857,6 +843,7 @@ input:focus + .ui.attached.button {
-moz-border-radius: 0px 0px 4px 0px; -moz-border-radius: 0px 0px 4px 0px;
border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px;
} }
/* Left Side */ /* Left Side */
.left.attached.ui.buttons { .left.attached.ui.buttons {
margin-left: -1px; margin-left: -1px;

21
node/src/files/stylesheets/semantic.css
View File

@ -345,9 +345,8 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
width: 800px; width: 800px;
margin: 0px auto; margin: 0px auto;
} }
#example .masthead .container,
#example .solid .container,
#example .stripe .container {
#example.index .container {
width: 950px; width: 950px;
} }
@ -668,10 +667,14 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
} }
@media only screen and (max-width : 1600px) { @media only screen and (max-width : 1600px) {
#example .container { #example .container {
width: auto; width: auto;
margin: 0px 100px 0px 395px;
margin-right: 100px;
margin-left: 395px;
}
#example.index .container {
margin-left: auto;
margin-right: auto;
} }
#example .sticky-wrapper.stuck .peek { #example .sticky-wrapper.stuck .peek {
margin-left: 0px; margin-left: 0px;
@ -679,6 +682,14 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
} }
} }
@media only screen and (max-width : 1130px) {
#example.index .container {
margin-left: 100px;
margin-right: 30px;
width: auto;
}
}
@media only screen and (max-width : 1000px) { @media only screen and (max-width : 1000px) {
#example .fixed .section, #example .fixed .section,
#example .fixed .title b { #example .fixed .title b {

2
node/src/layouts/default.html.eco
View File

@ -63,7 +63,7 @@
<script src="/javascript/shape.js"></script> <script src="/javascript/shape.js"></script>
</head> </head>
<body id="example">
<body id="example" class="<%= @document.css %>">
<div class="ui large vertical menu" id="menu"> <div class="ui large vertical menu" id="menu">
<div class="item"><a href="/index.html"><b>Introduction</b></a></div> <div class="item"><a href="/index.html"><b>Introduction</b></a></div>
<div class="item"><a href="/download.html"><b>Download</b></a></div> <div class="item"><a href="/download.html"><b>Download</b></a></div>

29
src/elements/button.css
View File

@ -687,36 +687,19 @@ input:focus + .ui.attached.button {
.ui.buttons { .ui.buttons {
overflow: hidden; overflow: hidden;
} }
.ui.buttons .button,
.ui.buttons .mini.button,
.ui.buttons .tiny.button,
.ui.buttons .small.button,
.ui.buttons .massive.button,
.ui.buttons .huge.button,
.ui.buttons .gigantic.button {
.ui.buttons .button {
float: left; float: left;
-webkit-border-radius: 0em; -webkit-border-radius: 0em;
-moz-border-radius: 0em; -moz-border-radius: 0em;
border-radius: 0em; border-radius: 0em;
border-left: 1px solid rgba(0, 0, 0, 0.05);
} }
.ui.buttons .button:first-child,
.ui.buttons .mini.button:first-child,
.ui.buttons .tiny.button:first-child,
.ui.buttons .small.button:first-child,
.ui.buttons .massive.button:first-child,
.ui.buttons .huge.button:first-child,
.ui.buttons .gigantic.button:first-child {
.ui.buttons .button:first-child {
margin-left: 0em; margin-left: 0em;
border-top-left-radius: 0.3125em; border-top-left-radius: 0.3125em;
border-bottom-left-radius: 0.3125em; border-bottom-left-radius: 0.3125em;
} }
.ui.buttons .button:last-child,
.ui.buttons .mini.button:last-child,
.ui.buttons .tiny.button:last-child,
.ui.buttons .small.button:last-child,
.ui.buttons .massive.button:last-child,
.ui.buttons .huge.button:last-child,
.ui.buttons .gigantic.button:last-child {
.ui.buttons .button:last-child {
border-top-right-radius: 0.3125em; border-top-right-radius: 0.3125em;
border-bottom-right-radius: 0.3125em; border-bottom-right-radius: 0.3125em;
} }
@ -728,6 +711,9 @@ input:focus + .ui.attached.button {
.ui.buttons.vertical .button { .ui.buttons.vertical .button {
display: block; display: block;
float: none; float: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-left: none;
box-shadow: none;
} }
.ui.buttons.vertical .button:first-child, .ui.buttons.vertical .button:first-child,
.ui.buttons.vertical .mini.button:first-child, .ui.buttons.vertical .mini.button:first-child,
@ -857,6 +843,7 @@ input:focus + .ui.attached.button {
-moz-border-radius: 0px 0px 4px 0px; -moz-border-radius: 0px 0px 4px 0px;
border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px;
} }
/* Left Side */ /* Left Side */
.left.attached.ui.buttons { .left.attached.ui.buttons {
margin-left: -1px; margin-left: -1px;

Write Preview
Loading…
Cancel
Save