Browse Source

Fixes and updates to some elements

pull/912/head
jlukic 11 years ago
parent
commit
5f812c53cf
4 changed files with 25 additions and 16 deletions
  1. 22
      src/elements/button.less
  2. 10
      src/elements/divider.less
  3. 3
      src/elements/header.less
  4. 6
      src/elements/segment.less

22
src/elements/button.less

@ -1,4 +1,4 @@
/*
/*
* # Semantic - Button * # Semantic - Button
* http://github.com/semantic-org/semantic-ui/ * http://github.com/semantic-org/semantic-ui/
* *
@ -71,11 +71,24 @@
color: @selectedTextColor; color: @selectedTextColor;
} }
.ui.button:hover .icon,
.ui.button.hover .icon {
.ui.button:hover .icon {
opacity: @iconHoverOpacity; opacity: @iconHoverOpacity;
} }
/*--------------
Focus
---------------*/
.ui.button:focus {
background-color: @focusBackgroundColor;
background-image: @focusBackgroundImage;
color: @selectedTextColor;
}
.ui.button:focus .icon {
opacity: @iconFocusOpacity;
}
/*-------------- /*--------------
Down Down
---------------*/ ---------------*/
@ -866,9 +879,6 @@
box-shadow: @orBoxShadow; box-shadow: @orBoxShadow;
box-sizing: border-box; box-sizing: border-box;
} }
.ui.buttons .or[data-text]:before{
content: attr(data-text);
}
.ui.buttons .or:after { .ui.buttons .or:after {
position: absolute; position: absolute;
top: 0em; top: 0em;

10
src/elements/divider.less

@ -24,7 +24,7 @@
*******************************/ *******************************/
.ui.divider { .ui.divider {
margin: 1rem 0rem;
margin: @dividerMargin 0rem;
border-top: @shadowWidth solid @shadowColor; border-top: @shadowWidth solid @shadowColor;
border-bottom: @highlightWidth solid @highlightColor; border-bottom: @highlightWidth solid @highlightColor;
@ -50,7 +50,7 @@
font-size: @medium; font-size: @medium;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-transform: uppercase;
text-transform: @dividerTextTransform;
color: @dividerTextColor; color: @dividerTextColor;
} }
@ -106,7 +106,7 @@
top: 0%; top: 0%;
left: 0%; left: 0%;
margin: @horizontalDividerVerticalMargin @horizontalDividerHorizontalMargin;
margin: @horizontalDividerVerticalMargin 0em;
height: auto; height: auto;
padding: 0em; padding: 0em;
@ -120,7 +120,7 @@
content: ''; content: '';
z-index: 3; z-index: 3;
width: 50%;
width: @horizontalDividerWidth;
top: 50%; top: 50%;
height: 0%; height: 0%;
@ -130,12 +130,10 @@
.ui.horizontal.divider:before { .ui.horizontal.divider:before {
left: 0%; left: 0%;
margin-left: -@horizontalDividerHorizontalMargin;
} }
.ui.horizontal.divider:after { .ui.horizontal.divider:after {
left: auto; left: auto;
right: 0%; right: 0%;
margin-right: -@horizontalDividerHorizontalMargin;
} }
/*-------------- /*--------------

3
src/elements/header.less

@ -61,7 +61,8 @@
/* Only One */ /* Only One */
.ui.header .icon:only-child { .ui.header .icon:only-child {
display: inline-block; display: inline-block;
vertical-align: baseline;
padding: 0em;
vertical-align: middle;
} }
.ui.header .content { .ui.header .content {
display: inline-block; display: inline-block;

6
src/elements/segment.less

@ -59,7 +59,7 @@
background-color: transparent; background-color: transparent;
border-radius: 0px; border-radius: 0px;
box-shadow: 0px @segmentBorderWidth 0px @borderColor;
box-shadow: 0px 1px 0px @borderColor;
} }
.ui.vertical.segment:first-child { .ui.vertical.segment:first-child {
padding-top: 0em; padding-top: 0em;
@ -72,7 +72,7 @@
background-color: transparent; background-color: transparent;
border-radius: 0px; border-radius: 0px;
box-shadow: @segmentBorderWidth 0px 0px @borderColor;
box-shadow: 1px 0px 0px @borderColor;
} }
.ui.horizontal.segment:first-child { .ui.horizontal.segment:first-child {
padding-left: 0em; padding-left: 0em;
@ -163,7 +163,7 @@
bottom: -3px; bottom: -3px;
left: 0%; left: 0%;
border-top: @segmentBorderWidth solid @borderColor;
border-top: 1px solid @borderColor;
background-color: @subtleTransparentBlack; background-color: @subtleTransparentBlack;
width: 100%; width: 100%;

Loading…
Cancel
Save