rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity
cf5e99e172
Bootstrap/scss/utilities/_borders.scss

55 lines
1.2 KiB
SCSS
Raw Normal View History

Switch to stylelint. (#23572)
2017-10-03 05:34:56 +02:00
// stylelint-disable declaration-no-important
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
//
Border utilities (#21213) * grunt * add border utilities for removing borders * clean up comments * add basic border docs * docs styles for border utils
2016-11-27 01:44:16 +01:00
// Border
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
//
Change border class The class ".border" (css/utilities/_borders.scss) is set the border-color to "$gray-200". So I see that it would be nice to create a variable for the border color "$border-color". Because the default border should not always be "gray-200". Another thing, there is a "$border-width" variable. Would not it be better to use this variable to set the default width of the border?
2017-08-01 07:50:09 +02:00
.border { border: $border-width solid $border-color !important; }
Rename `.navbar-toggleable-xs` to `.navbar-toggleable` + more cleanup (#21226) * Clean up some utilities - Align CSS properties - In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies * Remove '-xs' from `.navbar-toggleable-xs` and remove duplication * Fix outdated classes to use newer ones
2016-11-28 07:23:12 +01:00
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
Border utilities (#21213) * grunt * add border utilities for removing borders * clean up comments * add basic border docs * docs styles for border utils
2016-11-27 01:44:16 +01:00
.border-bottom-0 { border-bottom: 0 !important; }
Rename `.navbar-toggleable-xs` to `.navbar-toggleable` + more cleanup (#21226) * Clean up some utilities - Align CSS properties - In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies * Remove '-xs' from `.navbar-toggleable-xs` and remove duplication * Fix outdated classes to use newer ones
2016-11-28 07:23:12 +01:00
.border-left-0 { border-left: 0 !important; }
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
add border color utilities
2017-06-26 03:39:00 +02:00
@each $color, $value in $theme-colors {
.border-#{$color} {
border-color: $value !important;
}
}
Add .bg-white and .border-white
2017-08-08 06:36:08 +02:00
.border-white {
border-color: $white !important;
}
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
//
// Border-radius
//
.rounded {
move from mixins and add important flag
2017-06-18 04:05:36 +02:00
border-radius: $border-radius !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
.rounded-top {
move from mixins and add important flag
2017-06-18 04:05:36 +02:00
border-top-left-radius: $border-radius !important;
border-top-right-radius: $border-radius !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
.rounded-right {
move from mixins and add important flag
2017-06-18 04:05:36 +02:00
border-top-right-radius: $border-radius !important;
border-bottom-right-radius: $border-radius !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
.rounded-bottom {
move from mixins and add important flag
2017-06-18 04:05:36 +02:00
border-bottom-right-radius: $border-radius !important;
Update _borders.scss
2017-06-18 07:39:54 +02:00
border-bottom-left-radius: $border-radius !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
.rounded-left {
move from mixins and add important flag
2017-06-18 04:05:36 +02:00
border-top-left-radius: $border-radius !important;
border-bottom-left-radius: $border-radius !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
.rounded-circle {
adds missing important on utility classs
2017-09-07 19:36:01 +02:00
border-radius: 50% !important;
Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-09 08:21:40 +02:00
}
Add .rounded-0 utility class (#21214) * Add rounded-0 class
2016-11-27 01:47:53 +01:00
.rounded-0 {
adds missing important on utility classs
2017-09-07 19:36:01 +02:00
border-radius: 0 !important;
Add .rounded-0 utility class (#21214) * Add rounded-0 class
2016-11-27 01:47:53 +01:00
}
Reference in New Issue Copy Permalink