- This topic is empty.
Viewing 1 post (of 1 total)
-
AuthorPosts
-
December 12, 2013 at 2:35 am #158218Willem-SiebeParticipant
Hi,
I use bootstrap and imported all there less files in my own less file. Everything is working, but now I want to overwrite some values of buttons.less, and that is not working.
I importes buttons.less (original), and below that I put my own version of it:
@import "bootstrap/less/buttons.less"; Note: see import ac-buttons.less // Base styles // -------------------------------------------------- // Core .btn { display: inline-block; .ie7-inline-block(); padding: 4px 12px; margin-bottom: 0; // For input.btn font-size: @baseFontSize; line-height: @baseLineHeight; text-align: center; vertical-align: middle; cursor: pointer; .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); border: 0; // CHANGED FROM 1px solid @btnBorder; *border: 0; // Remove the border to prevent IE7's black border on input:focus border-bottom-color: darken(@btnBorder, 10%); .border-radius(@baseBorderRadius); .ie7-restore-left-whitespace(); // Give IE7 some love .box-shadow(none); // CHANGED FROM .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); // Hover/focus state &:hover, &:focus { color: @grayDark; text-decoration: none; background-position: 0 -15px; // transition is only when going to hover/focus, otherwise the background // behind the gradient (there for IE<=9 fallback) gets mismatched .transition(background-position .1s linear); } // Focus state for keyboard and accessibility &:focus { .tab-focus(); } // Active state &.active, &:active { background-image: none; outline: 0; .box-shadow(none); // CHANGED FROM .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); } // Disabled state &.disabled, &[disabled] { cursor: default; background-image: none; .opacity(65); .box-shadow(none); } } // Set the backgrounds // ------------------------- .btn-primary { .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); }
What I did, I copied the whole part, and actually only changer border to 0. But for some reason this is not being picked up correctly.
Hope somebody can help me.
Willem
-
AuthorPosts
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.