Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
xxadev
jenkins
提交
9068f5df
J
jenkins
项目概览
xxadev
/
jenkins
与 Fork 源项目一致
从无法访问的项目Fork
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
J
jenkins
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
9068f5df
编写于
4月 29, 2020
作者:
F
Félix Queiruga
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Extracts essential CSS off the responsive-grid.css file
上级
ab561671
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
187 addition
and
175 deletion
+187
-175
war/src/main/less/base-styles-v2.less
war/src/main/less/base-styles-v2.less
+1
-0
war/src/main/less/base/layout-commons.less
war/src/main/less/base/layout-commons.less
+69
-0
war/src/main/less/base/visibility-utils.less
war/src/main/less/base/visibility-utils.less
+117
-0
war/src/main/webapp/css/responsive-grid.css
war/src/main/webapp/css/responsive-grid.css
+0
-175
未找到文件。
war/src/main/less/base-styles-v2.less
浏览文件 @
9068f5df
...
...
@@ -20,6 +20,7 @@ html {
@import './base/typography.less';
@import './base/layout-commons.less';
@import './base/style.less';
@import './base/visibility-utils.less';
@import './base/yui-compatibility.less';
@import './modules/icons.less';
...
...
war/src/main/less/base/layout-commons.less
浏览文件 @
9068f5df
...
...
@@ -3,6 +3,9 @@
html {
position: relative;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
...
...
@@ -10,6 +13,16 @@ body {
padding: 0 0 40px 0;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/* --------------- header --------------- */
#header .logo {
...
...
@@ -100,3 +113,59 @@ body.full-screen #main-panel {
}
/* -------------------------------------- */
h1.build-caption.page-headline {
max-width: 1200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
// Clearfixes extracted from responsive-grid.css as they essential
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
war/src/main/less/base/visibility-utils.less
0 → 100644
浏览文件 @
9068f5df
/**
* Visibility utils are derived from bootstrap 3, they should do not
* have a conflict with bootstrap 4 utils.
*
* They are essential, so they are extracted from responsive-grid.css
* and declared here.
*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
war/src/main/webapp/css/responsive-grid.css
浏览文件 @
9068f5df
...
...
@@ -8,24 +8,6 @@
* Only the grid and responsive rules from bootstrap.
*/
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
h1
.build-caption.page-headline
{
max-width
:
1200px
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
*
:before
,
*
:after
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
.container
{
padding-right
:
15px
;
padding-left
:
15px
;
...
...
@@ -1601,160 +1583,3 @@ h1.build-caption.page-headline {
@-ms-viewport
{
width
:
device-width
;
}
.visible-xs
,
.visible-sm
,
.visible-md
,
.visible-lg
{
display
:
none
!important
;
}
@media
(
max-width
:
767px
)
{
.visible-xs
{
display
:
block
!important
;
}
table
.visible-xs
{
display
:
table
;
}
tr
.visible-xs
{
display
:
table-row
!important
;
}
th
.visible-xs
,
td
.visible-xs
{
display
:
table-cell
!important
;
}
}
@media
(
min-width
:
768px
)
and
(
max-width
:
991px
)
{
.visible-sm
{
display
:
block
!important
;
}
table
.visible-sm
{
display
:
table
;
}
tr
.visible-sm
{
display
:
table-row
!important
;
}
th
.visible-sm
,
td
.visible-sm
{
display
:
table-cell
!important
;
}
}
@media
(
min-width
:
992px
)
and
(
max-width
:
1199px
)
{
.visible-md
{
display
:
block
!important
;
}
table
.visible-md
{
display
:
table
;
}
tr
.visible-md
{
display
:
table-row
!important
;
}
th
.visible-md
,
td
.visible-md
{
display
:
table-cell
!important
;
}
}
@media
(
min-width
:
1200px
)
{
.visible-lg
{
display
:
block
!important
;
}
table
.visible-lg
{
display
:
table
;
}
tr
.visible-lg
{
display
:
table-row
!important
;
}
th
.visible-lg
,
td
.visible-lg
{
display
:
table-cell
!important
;
}
}
@media
(
max-width
:
767px
)
{
.hidden-xs
{
display
:
none
!important
;
}
}
@media
(
min-width
:
768px
)
and
(
max-width
:
991px
)
{
.hidden-sm
{
display
:
none
!important
;
}
}
@media
(
min-width
:
992px
)
and
(
max-width
:
1199px
)
{
.hidden-md
{
display
:
none
!important
;
}
}
@media
(
min-width
:
1200px
)
{
.hidden-lg
{
display
:
none
!important
;
}
}
.visible-print
{
display
:
none
!important
;
}
@media
print
{
.visible-print
{
display
:
block
!important
;
}
table
.visible-print
{
display
:
table
;
}
tr
.visible-print
{
display
:
table-row
!important
;
}
th
.visible-print
,
td
.visible-print
{
display
:
table-cell
!important
;
}
}
@media
print
{
.hidden-print
{
display
:
none
!important
;
}
}
.clearfix
:before
,
.clearfix
:after
,
.container
:before
,
.container
:after
,
.container-fluid
:before
,
.container-fluid
:after
,
.row
:before
,
.row
:after
,
.form-horizontal
.form-group
:before
,
.form-horizontal
.form-group
:after
,
.btn-toolbar
:before
,
.btn-toolbar
:after
,
.btn-group-vertical
>
.btn-group
:before
,
.btn-group-vertical
>
.btn-group
:after
,
.nav
:before
,
.nav
:after
,
.navbar
:before
,
.navbar
:after
,
.navbar-header
:before
,
.navbar-header
:after
,
.navbar-collapse
:before
,
.navbar-collapse
:after
,
.pager
:before
,
.pager
:after
,
.panel-body
:before
,
.panel-body
:after
,
.modal-footer
:before
,
.modal-footer
:after
{
display
:
table
;
content
:
" "
;
}
.clearfix
:after
,
.container
:after
,
.container-fluid
:after
,
.row
:after
,
.form-horizontal
.form-group
:after
,
.btn-toolbar
:after
,
.btn-group-vertical
>
.btn-group
:after
,
.nav
:after
,
.navbar
:after
,
.navbar-header
:after
,
.navbar-collapse
:after
,
.pager
:after
,
.panel-body
:after
,
.modal-footer
:after
{
clear
:
both
;
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录