Init
This commit is contained in:
54
src/sass/vuetify-material/_appbar.sass
Normal file
54
src/sass/vuetify-material/_appbar.sass
Normal file
@@ -0,0 +1,54 @@
|
||||
#app-bar
|
||||
.v-badge__badge
|
||||
font-size: 9px
|
||||
padding: 5px 6px
|
||||
|
||||
// -----------------------
|
||||
.v-toolbar__content,
|
||||
.v-toolbar__extension
|
||||
padding: 0px 15px 0 31px
|
||||
|
||||
.v-sheet
|
||||
.v-toolbar__content
|
||||
.v-btn.v-size--default:not(.v-btn--icon):not(.v-btn--fab),
|
||||
.v-btn.v-size--large:not(.v-btn--icon):not(.v-btn--fab)
|
||||
margin-bottom: 5px
|
||||
padding: 10px 15px !important
|
||||
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined)
|
||||
background-color: #fff
|
||||
.v-icon
|
||||
color: #999
|
||||
|
||||
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined)
|
||||
background-color: #fff
|
||||
margin-right: 17px
|
||||
margin-bottom: 2px
|
||||
|
||||
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined):hover
|
||||
background-color: #fff
|
||||
|
||||
.v-toolbar__content
|
||||
height: 75px
|
||||
|
||||
.v-toolbar__content .v-btn--flat
|
||||
.v-icon
|
||||
margin-right: 3px
|
||||
|
||||
.theme--light.v-label
|
||||
color: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.v-menu__content .v-list--nav
|
||||
padding: .3125rem 0
|
||||
border-radius: 4px
|
||||
.v-list-item
|
||||
padding: 10px 20px
|
||||
margin: 0 .3125rem
|
||||
margin-bottom: 0px !important
|
||||
min-height: 40px
|
||||
border-radius: 2px
|
||||
.v-list-item__title
|
||||
font-weight: 400
|
||||
font-size: 13px
|
||||
|
||||
.v-navigation-drawer .v-icon.v-icon
|
||||
font-size: 24px
|
||||
67
src/sass/vuetify-material/_buttons.sass
Normal file
67
src/sass/vuetify-material/_buttons.sass
Normal file
@@ -0,0 +1,67 @@
|
||||
.v-btn.v-size--default
|
||||
font-size: .85rem
|
||||
|
||||
.v-icon.v-icon
|
||||
font-size: 20px
|
||||
|
||||
.v-btn__content .v-icon--left
|
||||
margin-right: 4px
|
||||
|
||||
.v-sheet button.v-btn.v-size--default:not(.v-btn--icon):not(.v-btn--fab)
|
||||
padding: 12px 30px !important
|
||||
|
||||
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined)
|
||||
background-color: #999
|
||||
color: #fff
|
||||
&:hover
|
||||
background-color: #999
|
||||
color: #fff
|
||||
|
||||
.v-btn.white
|
||||
.v-btn__content
|
||||
color: #999
|
||||
|
||||
.v-sheet .v-btn.v-size--large:not(.v-btn--icon):not(.v-btn--fab)
|
||||
padding: 18px 36px !important
|
||||
|
||||
.v-btn--fab.v-size--small
|
||||
height: 41px
|
||||
width: 41px
|
||||
|
||||
.v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before
|
||||
opacity: 0
|
||||
|
||||
.v-btn:not(.v-btn--text):not(.v-btn--outlined):focus:before
|
||||
opacity: 0
|
||||
|
||||
.v-btn.v-size--default:not(.v-btn--icon):not(.v-btn--fab),
|
||||
.v-btn.v-size--large:not(.v-btn--icon):not(.v-btn--fab)
|
||||
padding: 10px 15px !important
|
||||
|
||||
// Button group
|
||||
|
||||
.v-item-group
|
||||
.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined)
|
||||
margin-right: 0
|
||||
|
||||
.v-btn-toggle
|
||||
.v-btn
|
||||
opacity: 1
|
||||
|
||||
.v-btn-toggle > .v-btn.v-size--default
|
||||
height: inherit
|
||||
|
||||
.theme--light.v-btn-toggle .v-btn.v-btn
|
||||
border-color: #999 !important
|
||||
&.primary
|
||||
border-color: #e91e63 !important
|
||||
&.secondary
|
||||
border-color: #9c27b0 !important
|
||||
&.success
|
||||
border-color: #4caf50 !important
|
||||
&.warning
|
||||
border-color: #fb8c00 !important
|
||||
&.error
|
||||
border-color: #ff5252 !important
|
||||
&.info
|
||||
border-color: #00cae3 !important
|
||||
107
src/sass/vuetify-material/_card.sass
Normal file
107
src/sass/vuetify-material/_card.sass
Normal file
@@ -0,0 +1,107 @@
|
||||
.v-card
|
||||
border-radius: 6px
|
||||
margin-top: 30px
|
||||
margin-bottom: 15px
|
||||
|
||||
.card-title
|
||||
font-size: 18px
|
||||
|
||||
.v-card--material__heading
|
||||
top: -30px
|
||||
|
||||
.subtitle-1
|
||||
color: hsla(0,0%,100%,.8)
|
||||
|
||||
.display-2
|
||||
font-size: 18px !important
|
||||
|
||||
.caption
|
||||
font-size: 12px !important
|
||||
letter-spacing: 0 !important
|
||||
|
||||
.v-card__actions
|
||||
padding-top: 15px
|
||||
.display-2
|
||||
font-size: 18px !important
|
||||
|
||||
.v-divider
|
||||
border-color: #eee
|
||||
|
||||
.ct-label
|
||||
font-size: 14px
|
||||
|
||||
.v-card--material-chart .v-card--material__heading .ct-label
|
||||
font-weight: 300
|
||||
|
||||
|
||||
.v-btn--icon.v-size--default .v-icon,
|
||||
.v-btn--fab.v-size--default .v-icon
|
||||
font-size: 18px
|
||||
|
||||
.v-card--material .v-image
|
||||
.v-image__image
|
||||
border-radius: 6px
|
||||
|
||||
.v-card__title
|
||||
font-size: 18px
|
||||
padding-top: 7px
|
||||
padding-bottom: 2px
|
||||
|
||||
.theme--light
|
||||
.v-card > .v-card__text
|
||||
color: #333
|
||||
.card-title
|
||||
color: #3c4858
|
||||
|
||||
.theme--dark
|
||||
.card-title
|
||||
color: #fff
|
||||
|
||||
|
||||
.v-timeline-item .v-card
|
||||
margin-top: 0
|
||||
|
||||
.v-card--wizard
|
||||
.v-tabs-bar
|
||||
height: 42px
|
||||
.v-card__actions
|
||||
.v-btn
|
||||
margin-right: 0 !important
|
||||
.v-tabs .v-tab--active:hover::before, .theme--light.v-tabs .v-tab--active::before
|
||||
opacity: 0
|
||||
.v-tabs .v-tab:hover::before
|
||||
opacity: 0
|
||||
|
||||
.v-card--plan
|
||||
.body-2
|
||||
font-weight: 500
|
||||
letter-spacing: 0 !important
|
||||
margin-top: 10px
|
||||
margin-bottom: 8px
|
||||
.display-2
|
||||
margin-top: 30px
|
||||
|
||||
.v-card__text
|
||||
color: #999
|
||||
margin-bottom: 16px
|
||||
.v-btn
|
||||
margin-right: 0 !important
|
||||
.v-avatar
|
||||
margin-top: 10px
|
||||
|
||||
.v-card--testimony
|
||||
.v-card__text
|
||||
color: #999 !important
|
||||
|
||||
.display-2
|
||||
font-size: 18px !important
|
||||
|
||||
.body-2
|
||||
font-weight: 500
|
||||
font-size: 12px !important
|
||||
|
||||
.v-avatar
|
||||
left: calc(50% - 50px)
|
||||
|
||||
.ct-square:before
|
||||
float: none
|
||||
9
src/sass/vuetify-material/_chip.sass
Normal file
9
src/sass/vuetify-material/_chip.sass
Normal file
@@ -0,0 +1,9 @@
|
||||
.v-chip.v-size--small
|
||||
height: 20px
|
||||
|
||||
.v-chip__content
|
||||
font-size: 10px
|
||||
font-weight: 500
|
||||
.v-chip__close
|
||||
font-size: 15px
|
||||
margin-top: -1px
|
||||
29
src/sass/vuetify-material/_footer.sass
Normal file
29
src/sass/vuetify-material/_footer.sass
Normal file
@@ -0,0 +1,29 @@
|
||||
.v-footer
|
||||
padding: 20px 0 20px 4px
|
||||
border-top: 1px solid #e7e7e7 !important
|
||||
position: relative
|
||||
a
|
||||
padding: 15px 18px 15px 16px
|
||||
font-size: 12px !important
|
||||
.body-1
|
||||
font-size: 16px !important
|
||||
padding-right: 18px
|
||||
letter-spacing: 0px !important
|
||||
a
|
||||
color: #9c27b0 !important
|
||||
padding: 0
|
||||
text-transform: inherit !important
|
||||
font-size: 16px !important
|
||||
font-weight: 300 !important
|
||||
.v-icon
|
||||
margin-top: -3px
|
||||
|
||||
&.v-footer--absolute
|
||||
position: absolute !important
|
||||
|
||||
.theme--light.v-footer
|
||||
background-color: transparent
|
||||
.body-1
|
||||
color: #3c4858
|
||||
.v-icon
|
||||
color: #3c4858
|
||||
3
src/sass/vuetify-material/_map.sass
Normal file
3
src/sass/vuetify-material/_map.sass
Normal file
@@ -0,0 +1,3 @@
|
||||
.mapouter
|
||||
position: relative !important
|
||||
height: 100vh !important
|
||||
25
src/sass/vuetify-material/_modal.sass
Normal file
25
src/sass/vuetify-material/_modal.sass
Normal file
@@ -0,0 +1,25 @@
|
||||
.v-dialog
|
||||
.v-card
|
||||
margin: 0
|
||||
.v-card__title
|
||||
font-weight: 300
|
||||
font-size: 18px
|
||||
display: inline-block
|
||||
text-align: center
|
||||
width: 100%
|
||||
padding: 24px 24px 0
|
||||
.v-icon
|
||||
position: absolute
|
||||
top: 15px
|
||||
right: 20px
|
||||
color: #999
|
||||
opacity: .5
|
||||
font-size: 16px
|
||||
&:hover
|
||||
opacity: 1
|
||||
|
||||
.v-dialog > .v-card > .v-card__text
|
||||
padding-top: 24px
|
||||
font-weight: 300
|
||||
line-height: 1.75em
|
||||
letter-spacing: 0
|
||||
12
src/sass/vuetify-material/_notification.sass
Normal file
12
src/sass/vuetify-material/_notification.sass
Normal file
@@ -0,0 +1,12 @@
|
||||
.v-alert
|
||||
padding: 20px 15px
|
||||
|
||||
.v-alert__wrapper
|
||||
.v-alert__icon
|
||||
height: 38px
|
||||
min-width: 38px
|
||||
.v-alert__content
|
||||
font-weight: 300
|
||||
span
|
||||
font-size: 12px
|
||||
font-weight: 500
|
||||
5
src/sass/vuetify-material/_pagination.sass
Normal file
5
src/sass/vuetify-material/_pagination.sass
Normal file
@@ -0,0 +1,5 @@
|
||||
.v-pagination
|
||||
.v-pagination__item,
|
||||
.v-pagination__navigation
|
||||
&:focus
|
||||
outline: none
|
||||
36
src/sass/vuetify-material/_settings.sass
Normal file
36
src/sass/vuetify-material/_settings.sass
Normal file
@@ -0,0 +1,36 @@
|
||||
#settings
|
||||
z-index: 200
|
||||
|
||||
.v-settings
|
||||
border-radius: 10px
|
||||
.v-card
|
||||
margin-top: 0
|
||||
.v-card__text
|
||||
strong
|
||||
height: 30px
|
||||
line-height: 25px
|
||||
font-size: 12px
|
||||
font-weight: 600
|
||||
text-transform: uppercase
|
||||
text-align: center
|
||||
.v-avatar
|
||||
border-color: #fff
|
||||
border-radius: 50% !important
|
||||
cursor: pointer
|
||||
display: inline-block
|
||||
height: 23px
|
||||
margin-right: 12px
|
||||
position: relative
|
||||
width: 23px
|
||||
padding: 8px
|
||||
|
||||
.v-settings__item
|
||||
border-radius: 10px
|
||||
.v-image
|
||||
border-radius: 7px !important
|
||||
|
||||
.v-settings__item:not(.v-settings__item--active)
|
||||
border-color: #fff !important
|
||||
|
||||
.v-divider.secondary
|
||||
border-color: rgb(221, 221, 221) !important
|
||||
68
src/sass/vuetify-material/_sidebar.sass
Normal file
68
src/sass/vuetify-material/_sidebar.sass
Normal file
@@ -0,0 +1,68 @@
|
||||
.v-application .v-navigation-drawer .v-navigation-drawer__content .v-list-item .v-list-item__content .v-list-item__title.display-2
|
||||
font-size: 18px !important
|
||||
margin-top: 12px
|
||||
margin-bottom: 12px
|
||||
|
||||
.v-application .v-navigation-drawer .v-navigation-drawer__content .v-list .v-list-group .v-list-group__header .v-list-item__content .v-list-item__title
|
||||
font-size: 14px
|
||||
font-weight: 300
|
||||
|
||||
.v-application--is-ltr .v-list-item__avatar:first-child
|
||||
margin-right: 11px
|
||||
|
||||
.v-application .v-navigation-drawer .v-navigation-drawer__content .v-list-item__icon.v-list-group__header__append-icon .v-icon
|
||||
font-size: 19px
|
||||
|
||||
.v-application--is-ltr #core-navigation-drawer div.v-list-item__icon--text,
|
||||
.v-application--is-ltr #core-navigation-drawer div.v-list-item__icon:first-child
|
||||
margin-left: 5px !important
|
||||
margin-right: 18px
|
||||
opacity: .8
|
||||
|
||||
.v-application--is-ltr .v-list-item__action:last-of-type:not(:only-child),
|
||||
.v-application--is-ltr .v-list-item__avatar:last-of-type:not(:only-child),
|
||||
.v-application--is-ltr .v-list-item__icon:last-of-type:not(:only-child)
|
||||
margin-right: 2px
|
||||
|
||||
.v-list--nav.v-list--dense .v-list-item:not(:last-child):not(:only-child),
|
||||
.v-list--nav .v-list-item--dense:not(:last-child):not(:only-child),
|
||||
.v-list--rounded.v-list--dense .v-list-item:not(:last-child):not(:only-child),
|
||||
.v-list--rounded .v-list-item--dense:not(:last-child):not(:only-child)
|
||||
margin-bottom: 3px
|
||||
|
||||
.v-list-item .v-list-item__title, .v-list-item .v-list-item__subtitle
|
||||
line-height: 1.2
|
||||
font-weight: 300
|
||||
font-size: 14px
|
||||
|
||||
.v-list-group__items .v-list-item
|
||||
font-size: 13px
|
||||
margin-bottom: 5px !important
|
||||
.v-list-item__title
|
||||
font-size: 13px
|
||||
.v-list-item__icon
|
||||
margin-top: 14px
|
||||
|
||||
.v-list-group__items .v-list-group--sub-group .v-list-group__header .v-list-item__icon--text
|
||||
margin-top: 15px !important
|
||||
|
||||
|
||||
.v-list-item__icon
|
||||
margin: 12px 0
|
||||
|
||||
.theme--dark.v-list-item--active:hover::before, .theme--dark.v-list-item--active::before
|
||||
opacity: 0
|
||||
|
||||
.v-navigation-drawer
|
||||
.v-list-item__content
|
||||
transition: all 0.3s linear 0s
|
||||
|
||||
.v-list--nav
|
||||
padding-left: 15px
|
||||
padding-right: 15px
|
||||
|
||||
.theme--dark.v-navigation-drawer .v-divider
|
||||
background-color: rgba(181, 181, 181, 0.2)
|
||||
border-color: rgba(181, 181, 181, 0.1)
|
||||
width: calc(100% - 30px)
|
||||
margin-left: 15px
|
||||
12
src/sass/vuetify-material/_tab.sass
Normal file
12
src/sass/vuetify-material/_tab.sass
Normal file
@@ -0,0 +1,12 @@
|
||||
.v-card--wizard
|
||||
.v-tabs-bar
|
||||
.v-slide-group__wrapper
|
||||
overflow: visible
|
||||
display: -webkit-inline-box
|
||||
contain: inherit
|
||||
|
||||
.v-slide-group__content
|
||||
z-index: 2
|
||||
|
||||
.v-tab:not(:first-child)
|
||||
margin-left: 5px
|
||||
22
src/sass/vuetify-material/_table.sass
Normal file
22
src/sass/vuetify-material/_table.sass
Normal file
@@ -0,0 +1,22 @@
|
||||
.v-data-table td
|
||||
font-weight: 300
|
||||
padding: 12px 8px
|
||||
|
||||
.v-data-table table thead tr th
|
||||
font-weight: 300
|
||||
font-size: 17px
|
||||
padding: 0px 8px
|
||||
|
||||
.v-data-table table tbody tr td .v-btn
|
||||
margin-right: 0px !important
|
||||
|
||||
.v-data-table .v-data-table-header__sort-badge
|
||||
font-size: 10px
|
||||
|
||||
.v-data-table.theme--dark
|
||||
tr th
|
||||
color: #fff !important
|
||||
|
||||
.theme--light
|
||||
.v-data-table table thead tr th
|
||||
color: #333
|
||||
23
src/sass/vuetify-material/_view.sass
Normal file
23
src/sass/vuetify-material/_view.sass
Normal file
@@ -0,0 +1,23 @@
|
||||
.v-content__wrap
|
||||
.container--fluid
|
||||
padding-left: 30px
|
||||
padding-right: 30px
|
||||
|
||||
.v-application .headline
|
||||
font-size: 25px !important
|
||||
padding-bottom: 0
|
||||
|
||||
.v-application .black--text
|
||||
color: #333 !important
|
||||
|
||||
.v-application .small
|
||||
font-weight: 300
|
||||
line-height: 2rem
|
||||
small
|
||||
font-weight: 400
|
||||
|
||||
@media(max-width:960px)
|
||||
.v-content__wrap
|
||||
.container--fluid
|
||||
padding-left: 15px
|
||||
padding-right: 15px
|
||||
Reference in New Issue
Block a user