Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
U
ui-styleguide
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Model registry
Operate
Environments
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
TO
Weby
ui-styleguide
Compare revisions
ab6f3bbead31dcd9f10ce8730616109fc6118fef to master
Compare revisions
Changes are shown as if the
source
revision was being merged into the
target
revision.
Learn more about comparing revisions.
Source
to/weby/ui-styleguide
Select target project
No results found
master
Select Git revision
Branches
clickable-select-chevron
feat/new-image-formats
master
Tags
1.2.0
1.4.0
1.4.1
1.4.2
1.5.0
1.5.1
1.5.2
1.5.3
1.5.4
1.5.5
1.6.0
1.6.1
1.6.2
1.6.3
1.6.4
1.7.0
1.8.0
2.0.0
2.0.0-alpha-1
2.0.0-alpha-10
2.0.0-alpha-11
2.0.0-alpha-12
2.0.0-alpha-13
2.0.0-alpha-14
2.0.0-alpha-15
2.0.0-alpha-16
2.0.0-alpha-17
2.0.0-alpha-2
2.0.0-alpha-3
2.0.0-alpha-4
2.0.0-alpha-5
2.0.0-alpha-6
2.0.0-alpha-7
2.0.0-alpha-8
2.0.0-alpha-9
2.0.1
2.0.2
2.0.3
2.0.4
2.1.0
2.1.1
2.1.2
2.10.0
2.11.0
2.12.1
2.13.0
2.14.0
2.15.0
2.16.0
2.16.1
2.17.0
2.18.0
2.19.0
2.2.0
2.2.1
2.20.0
2.3.0
2.3.1
2.3.2
2.3.3
2.3.4
2.4.0
2.5.0
2.5.1
2.5.2
2.6.0
2.7.0
2.7.1
2.8.0
2.9.0
2.9.1
74 results
Swap
Target
va-fighters/ui-styleguide
Select target project
to/weby/ui-styleguide
va-fighters/ui-styleguide
2 results
ab6f3bbead31dcd9f10ce8730616109fc6118fef
Select Git revision
Branches
master
Tags
1.2.0
1.4.0
1.4.1
1.4.2
1.5.0
1.5.1
1.5.2
1.5.3
1.5.4
1.5.5
1.6.0
1.6.1
1.6.2
1.6.3
1.6.4
1.7.0
1.8.0
2.0.0-alpha-1
2.0.0-alpha-10
2.0.0-alpha-11
2.0.0-alpha-2
2.0.0-alpha-3
2.0.0-alpha-4
2.0.0-alpha-5
2.0.0-alpha-6
2.0.0-alpha-7
2.0.0-alpha-8
2.0.0-alpha-9
29 results
Show changes
Only incoming changes from source
Include changes to target since source was created
Compare
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
source/js/main.js
+39
-1
39 additions, 1 deletion
source/js/main.js
tailwind-plugins/buttons.js
+44
-0
44 additions, 0 deletions
tailwind-plugins/buttons.js
tailwind.config.js
+88
-29
88 additions, 29 deletions
tailwind.config.js
with
171 additions
and
30 deletions
source/js/main.js
View file @
aac6d1d3
...
...
@@ -4,17 +4,23 @@ import { forEachNode } from "./utils";
import
Renderer
from
"
./components/calendar/Renderer
"
;
import
DummyProvider
from
"
./components/calendar/DummyProvider
"
;
import
GoogleProvider
from
"
./components/calendar/GoogleProvider
"
;
import
GoogleProvider
from
"
./components/calendar/GoogleProvider
"
import
MonthCalendar
from
"
./components/full-calendar/MonthCalendar
"
;
import
YearCalendar
from
"
./components/full-calendar/YearCalendar
"
;
import
RegionMap
from
"
./components/RegionMap
"
;
import
ViewProvider
from
"
./components/ViewProvider
"
;
import
Navbar
from
"
./components/navbar/Navbar
"
;
import
FooterCollapsible
from
"
./components/footer/FooterCollapsible
"
;
import
FlipClock
from
"
./components/FlipClock
"
;
import
Chart
from
'
chart.js/auto
'
;
Vue
.
component
(
"
ui-calendar-renderer
"
,
Renderer
);
Vue
.
component
(
"
ui-calendar-dummy-provider
"
,
DummyProvider
);
Vue
.
component
(
"
ui-calendar-google-provider
"
,
GoogleProvider
);
Vue
.
component
(
"
ui-month-calendar
"
,
MonthCalendar
);
Vue
.
component
(
"
ui-year-calendar
"
,
YearCalendar
);
Vue
.
component
(
"
ui-region-map
"
,
RegionMap
);
Vue
.
component
(
"
ui-view-provider
"
,
ViewProvider
);
Vue
.
component
(
"
ui-navbar
"
,
Navbar
);
...
...
@@ -51,9 +57,41 @@ function renderVueAppElement(el) {
}
function
renderChart
(
element
)
{
const
data
=
[
{
year
:
2010
,
count
:
10
},
{
year
:
2011
,
count
:
20
},
{
year
:
2012
,
count
:
15
},
{
year
:
2013
,
count
:
25
},
{
year
:
2014
,
count
:
22
},
{
year
:
2015
,
count
:
30
},
{
year
:
2016
,
count
:
28
},
];
new
Chart
(
element
,
{
type
:
'
bar
'
,
data
:
{
labels
:
data
.
map
(
row
=>
row
.
year
),
datasets
:
[
{
label
:
'
Firemní akvizice každý rok
'
,
data
:
data
.
map
(
row
=>
row
.
count
)
}
]
}
}
);
}
function
init
(
event
)
{
// Initialize Vue.js apps.
forEachNode
(
document
.
querySelectorAll
(
'
.__js-root
'
),
renderVueAppElement
)
// Show example charts.
forEachNode
(
document
.
querySelectorAll
(
'
.__chart-example
'
),
renderChart
);
}
document
.
addEventListener
(
'
DOMContentLoaded
'
,
init
);
This diff is collapsed.
Click to expand it.
tailwind-plugins/buttons.js
View file @
aac6d1d3
...
...
@@ -59,6 +59,10 @@ module.exports = function (options) {
maxWidth
:
theme
(
'
maxWidth.xs
'
),
textDecoration
:
'
none
'
,
},
'
.btn[disabled]
'
:
{
opacity
:
'
0.7
'
,
cursor
:
'
not-allowed
'
,
},
'
.btn:hover
'
:
{
textDecoration
:
'
none
'
,
},
...
...
@@ -106,6 +110,46 @@ module.exports = function (options) {
'
.btn--condensed .btn__body
'
:
{
padding
:
'
.75em 1em
'
,
},
'
@keyframes btn-loading-spinner
'
:
{
'
to
'
:
{
transform
:
'
rotate(360deg)
'
,
}
},
'
.btn--loading
'
:
{
position
:
'
relative
'
,
},
'
.btn--loading::before
'
:
{
pointerEvents
:
'
none
'
,
content
:
"
''
"
,
position
:
'
absolute
'
,
left
:
'
0
'
,
right
:
'
0
'
,
top
:
'
0
'
,
bottom
:
'
0
'
,
zIndex
:
'
2
'
,
backgroundColor
:
theme
(
'
colors.black
'
),
opacity
:
'
0.4
'
,
},
'
.btn--loading::after
'
:
{
pointerEvents
:
'
none
'
,
content
:
"
''
"
,
position
:
'
absolute
'
,
left
:
'
0
'
,
right
:
'
0
'
,
top
:
'
0
'
,
bottom
:
'
0
'
,
zIndex
:
'
3
'
,
top
:
'
50%
'
,
left
:
'
50%
'
,
width
:
'
1.5rem
'
,
height
:
'
1.5rem
'
,
marginTop
:
'
-0.75rem
'
,
marginLeft
:
'
-0.75rem
'
,
borderRadius
:
'
50%
'
,
border
:
`3px solid
${
theme
(
'
colors.cyan.200
'
)}
`
,
borderLeftColor
:
'
transparent
'
,
animation
:
'
btn-loading-spinner 1s linear infinite
'
,
}
},
...
_
.
map
(
options
.
colors
,
(
colorOptions
,
name
)
=>
{
const
bg
=
getThemeColor
(
colorOptions
.
background
,
'
#000
'
);
...
...
This diff is collapsed.
Click to expand it.
tailwind.config.js
View file @
aac6d1d3
...
...
@@ -6,7 +6,6 @@ const lighen = (clr, val) => Color(clr).lighten(val).rgb().string();
const
darken
=
(
clr
,
val
)
=>
Color
(
clr
).
darken
(
val
).
rgb
().
string
();
module
.
exports
=
{
purge
:
{
content
:
[
"
./source/**/*.mustache
"
,
"
./source/**/*.json
"
,
...
...
@@ -16,25 +15,57 @@ module.exports = {
],
options
:
{
whitelistPatterns
:
[
/^
((
sm|md|lg|xl
)\:)?(
block|inline|fixed|absolute|inline-block|flex|inline-flex|grid
)
/
,
/^
((
sm|md|lg|xl
)\:)?
w-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
w-
(
auto|full|screen
)
/
,
/^
((
sm|md|lg|xl
)\:)?
h-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
m.
?
-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
h-screen/
,
/^
((
sm|md|lg|xl
)\:)?
-
?
m.
?
-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
-
?
m.
?
-auto
?
/
,
/^
((
sm|md|lg|xl
)\:)?
p.
?
-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
space-.
?
-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
hidden/
,
/^
((
sm|md|lg|xl
)\:)?
block/
,
/^
((
sm|md|lg|xl
)\:)?
inline-block/
,
/^
((
sm|md|lg|xl
)\:)?
flex/
,
/^
((
sm|md|lg|xl
)\:)?
inline-flex/
,
/^
((
sm|md|lg|xl
)\:)?
grid/
,
/^
((
sm|md|lg|xl
)\:)?
gap-
\d\d?
/
,
/^
((
sm|md|lg|xl
)\:)?
static/
,
/^
((
sm|md|lg|xl
)\:)?
flex-row-*/
,
/^
((
sm|md|lg|xl
)\:)?
flex-col-*/
,
/^
((
sm|md|lg|xl
)\:)?
grid-cols-*/
,
/^
((
sm|md|lg|xl
)\:)?
col-span-*/
,
/^
((
sm|md|lg|xl
)\:)?
row-span-*/
,
/^
((
sm|md|lg|xl
)\:)?
grid-flow-*/
,
// grid flow
/^text-*/
,
/^max-w-*/
,
// maximum width
/ico--*/
,
// icons
/^
((
sm|md|lg|xl
)\:)?
order-*/
,
/^
((
sm|md|lg|xl
)\:)?
items-*/
,
/^
((
sm|md|lg|xl
)\:)?
float-*/
,
/^
((
sm|md|lg|xl|hover
)\:)?
text-*/
,
/^
((
sm|md|lg|xl
)\:)?
grid-flow-*/
,
/^
((
sm|md|lg|xl
)\:)?
head-*/
,
/^
((
sm|md|lg|xl
)\:)?
clearfix/
,
/^
((
sm|md|lg|xl|hover
)\:)?
elevation-*/
,
/^
((
sm|md|lg|xl|hover
)\:)?
border
(
-.*
)?
/
,
/^
((
sm|md|lg|xl|hover
)\:)?
bg-opacity-
\d\d?
/
,
/whitespace-*/
,
/opacity-*/
,
/^truncate/
,
/^break-*/
,
/^overflow-*/
,
/^duration-*/
,
/^max-w-*/
,
/^max-h-*/
,
/ico--*/
,
],
}
},
theme
:
{
extend
:
{
maxWidth
:
{
'
xxs
'
:
'
16rem
'
,
},
height
:
{
'
120
'
:
'
30rem
'
,
},
opacity
:
{
'
85
'
:
'
0.85
'
,
},
...
...
@@ -43,12 +74,17 @@ module.exports = {
},
spacing
:
{
'
0/5
'
:
'
0.125rem
'
,
'
14
'
:
'
3.5rem
'
,
'
28
'
:
'
7rem
'
,
'
36
'
:
'
9rem
'
,
'
44
'
:
'
11rem
'
,
'
52
'
:
'
13rem
'
,
'
80
'
:
'
20rem
'
}
'
80
'
:
'
20rem
'
,
},
// flip-x
scale
:
{
'
-1
'
:
'
-1
'
,
},
},
// Breakpoints
screens
,
...
...
@@ -84,6 +120,7 @@ module.exports = {
'
black
'
:
'
#000000
'
,
'
white
'
:
'
#ffffff
'
,
'
grey
'
:
{
'
25
'
:
'
#fafafa
'
,
'
50
'
:
'
#f7f7f7
'
,
'
100
'
:
'
#f3f3f3
'
,
'
125
'
:
'
#f0f0f0
'
,
...
...
@@ -95,10 +132,19 @@ module.exports = {
'
700
'
:
'
#202020
'
,
'
800
'
:
'
#1f1f1f
'
,
},
'
olive
'
:
{
'
100
'
:
'
#d6e8b3
'
},
'
green
'
:
{
'
100
'
:
'
#d6e8b3
'
,
'
200
'
:
'
#92c6ab
'
,
'
300
'
:
darken
(
'
#92c6ab
'
,
0.1
),
'
300
'
:
'
#76cc9f
'
,
'
400
'
:
'
#4ca971
'
,
},
'
yellow
'
:
{
'
100
'
:
'
#fff7bf
'
,
'
200
'
:
'
#f7f38a
'
,
'
300
'
:
'
#ffea5a
'
,
'
400
'
:
'
#fde119
'
,
},
'
red
'
:
{
'
600
'
:
'
#d60d53
'
...
...
@@ -133,6 +179,9 @@ module.exports = {
'
400
'
:
'
#840048
'
,
'
500
'
:
'
#670047
'
,
},
'
pirati
'
:
{
'
yellow
'
:
'
#fec934
'
},
},
container
:
{
center
:
true
,
...
...
@@ -164,7 +213,7 @@ module.exports = {
// options
}
),
require
(
'
tailwindcss
-
typography
'
)({
require
(
'
@
tailwindcss
/
typography
'
)({
// all these options default to the values specified here
ellipsis
:
false
,
// whether to generate ellipsis utilities
hyphens
:
false
,
// whether to generate hyphenation utilities
...
...
@@ -206,11 +255,13 @@ module.exports = {
'
grey-125
'
:
{
text
:
'
black
'
,
background
:
'
grey.125
'
,
hoverText
:
'
black
'
,
},
'
white
'
:
{
text
:
'
black
'
,
background
:
'
white
'
,
iconBorder
:
'
grey.100
'
,
hoverText
:
'
black
'
,
},
'
blue-300
'
:
{
text
:
'
white
'
,
...
...
@@ -220,9 +271,13 @@ module.exports = {
text
:
'
white
'
,
background
:
'
cyan.200
'
,
},
'
green-200
'
:
{
'
green-300
'
:
{
text
:
'
white
'
,
background
:
'
green.300
'
,
},
'
green-400
'
:
{
text
:
'
white
'
,
background
:
'
green.
2
00
'
,
background
:
'
green.
4
00
'
,
},
'
orange-300
'
:
{
text
:
'
white
'
,
...
...
@@ -236,6 +291,10 @@ module.exports = {
text
:
'
white
'
,
background
:
'
violet.500
'
,
},
'
red-600
'
:
{
text
:
'
white
'
,
background
:
'
red.600
'
,
},
'
brands-facebook
'
:
{
text
:
'
white
'
,
background
:
'
brands.facebook
'
,
...
...
This diff is collapsed.
Click to expand it.
Prev
1
…
6
7
8
9
10
Next